第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

在 TailwindCSS 中將響應(yīng)式類串在一起

在 TailwindCSS 中將響應(yīng)式類串在一起

Go
慕桂英4014372 2023-08-21 16:07:21
我一直在嘗試用谷歌搜索這個(gè)問(wèn)題,但我要么沒(méi)有使用正確的術(shù)語(yǔ),要么還沒(méi)有人問(wèn)我的問(wèn)題。問(wèn)題:有沒(méi)有辦法在 TailwindCSS 中堆疊響應(yīng)式類?我想做的是改變類似的東西:class="grid gap-12 md:grid-cols-2 md:col-gap-12 md:py-16 lg:grid-cols-3 lg:py-12"更像是:class="grid gap-12 md:grid-cols-2:col-gap-12:py-16 lg:grid-cols-3:py-12"我意識(shí)到它并沒(méi)有減少太多的行長(zhǎng)度,但對(duì)我來(lái)說(shuō),將響應(yīng)類分組在一起似乎更明智一些。我是 TailwindCSS 的新手,只是想問(wèn)一下這是否可行。
查看完整描述

4 回答

?
MM們

TA貢獻(xiàn)1886條經(jīng)驗(yàn) 獲得超2個(gè)贊

簡(jiǎn)單的回答是否定的,這在Tailwind.css.

唯一可能的方法是自己創(chuàng)建類或在他們的 github 上建議它。


查看完整回答
反對(duì) 回復(fù) 2023-08-21
?
守候你守候我

TA貢獻(xiàn)1802條經(jīng)驗(yàn) 獲得超10個(gè)贊

這實(shí)際上是Windi.css中解決的問(wèn)題,您可以使用如下的組變體:

text-blue?md:text-green?lg:(p-2?m-2?text-red-400)

目前,Tailwind 似乎還沒(méi)有添加此功能,但如果他們不盡快這樣做,我會(huì)感到非常驚訝。能夠設(shè)置斷點(diǎn)確實(shí)有助于保持類列表整潔......尤其是當(dāng)順風(fēng)會(huì)導(dǎo)致一些很長(zhǎng)的列表時(shí)。

如果有機(jī)會(huì)的話,請(qǐng)查看 Windi,這是一個(gè)很好的項(xiàng)目,但我確實(shí)認(rèn)為 Tailwind 很快就會(huì)推出他們的大部分(好的)功能。


查看完整回答
反對(duì) 回復(fù) 2023-08-21
?
倚天杖

TA貢獻(xiàn)1828條經(jīng)驗(yàn) 獲得超3個(gè)贊

為此,tailwind CSS 文件必須定義一個(gè)md:grid-cols-2:col-gap-12:py-1類。它還必須為每個(gè)斷點(diǎn)生成所有其他可能排列的類(最多為組合實(shí)用程序的任意最大數(shù)量)。已經(jīng)有 2877 個(gè)類md,所以一旦你開(kāi)始組合它們,它就會(huì)很快變大。僅僅考慮這里最多 3 個(gè)實(shí)用程序就會(huì)導(dǎo)致大約 2400 萬(wàn)個(gè)排列,md并且每個(gè)斷點(diǎn)的排列都是相同的,所以我認(rèn)為這不切實(shí)際。



查看完整回答
反對(duì) 回復(fù) 2023-08-21
?
慕哥6287543

TA貢獻(xiàn)1831條經(jīng)驗(yàn) 獲得超10個(gè)贊

幫助我實(shí)現(xiàn)這一目標(biāo)的另一件事是使用該screen指令。


https://tailwindcss.com/docs/functions-and-directives#screen


@media screen(md) {

    /* css to be overriden for >md screens */ 

}


或者,


@screen md {

    /* css to be overriden for >md screens */

}

這樣,響應(yīng)式設(shè)計(jì)就不會(huì)擾亂獨(dú)立的 CSS。但找不到內(nèi)聯(lián)樣式的方法。


查看完整回答
反對(duì) 回復(fù) 2023-08-21
?
狐的傳說(shuō)

TA貢獻(xiàn)1804條經(jīng)驗(yàn) 獲得超3個(gè)贊

由于這個(gè)問(wèn)題類似于 tailwind CSS 的組變體問(wèn)題,請(qǐng)?jiān)诖颂幉榭次业脑敿?xì)答案 https://stackoverflow.com/a/76387833/9371093


查看完整回答
反對(duì) 回復(fù) 2023-08-21
  • 4 回答
  • 0 關(guān)注
  • 327 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)