更改條件最小寬度CSS定義

我發現，在WordPress的主題twentytwelve的摺疊菜單即轉變成一個下拉如果屏幕是基於twentytwelve這個條件規則過於狹窄/ style.css中更改條件最小寬度CSS定義

@media screen and (min-width: 600px) { 
    [css rules for actual elements if conditon above applies] 
}

我目前基於二十二個建立一個兒童主題，其中這個最小寬度應該是885px而不是600px。

更改值在二十二以內很容易，但不是一個很好的風格。也不會將相關的CSS複製粘貼到孩子中並進行修改。

有純CSS的優雅方式嗎？

我寧願相信，一些變通方法與腳本有可能

（是的，我知道有一個twentythirteen主題）

來源

2013-08-06 Pat

這是純CSS的方法，但是......從我最喜歡的主題，嘗試響應jQuery的規則：

/* 
Responsive jQuery is a tricky thing. 
There's a bunch of different ways to handle 
it, so be sure to research and find the one 
that works for you best. 
*/ 

/* getting viewport width */ 
var responsive_viewport = $(window).width(); 

/* if is below 481px */ 
if (responsive_viewport < 481) { 

} /* end smallest screen */ 

/* if is larger than 481px */ 
if (responsive_viewport > 481) { 

} /* end larger than 481px */ 

/* if is above or equal to 768px */ 
if (responsive_viewport >= 768) { 


} 

/* off the bat large screen actions */ 
if (responsive_viewport > 1030) { 

}

或者你可能很難通過添加樣式=「」屬性和格式你有它內部的媒體查詢其代碼到模板文件。這將僅使該模板中的該div受媒體查詢影響。

來源

2013-08-06 23:43:05 BenRacicot

我需要以某種方式解決母親CSS主題定義。我不認爲這段代碼特別有用，因爲我想保留實際的樣式，但使用不同的寬度參數。所以*如果我使用腳本，我不得不復制不同寬度的所述元素的樣式，並且顛倒之前由母題設置的樣式，因爲無論如何我必須做更後一個。但我在這裏問的是，是否有人知道CSS的一個很好的解決方法;或者通過除剛剛描述的腳本以外的其他腳本來實現。 – Pat

我從來沒有見過像你所描述的。如果沒有媒體查詢，上述內容與您所獲得的內容差不多。你知道最小寬度和最大寬度的CSS規則嗎？你可以改變寬度：600px;在該媒體查詢中的某處進行規則設置，以max-width：885px;但是我不確定沒有看到它。你有鏈接分享？這就是爲什麼兒童主題不適合具有自定義功能的項目。 – BenRacicot

http://wove.ch/wp – Pat

更改條件最小寬度CSS定義

回答

相關問題