線3478
和/www/css/style.css
3460
正在造成的影響。要禁用它,您可以將這些聲明(包括選擇器)包裝在@media
查詢中,或者您可以從其他文件覆蓋它們。
要修改他們在的地方,你可以使用:
@media (min-width:768px) {
.works-grid.hover-white .work-item:hover .work-img:after{
background: rgba(250,250,250, .9);
}
}
/* ... */
}
@media (min-width:768px) {
.work-item:hover .work-img:after{
background: rgba(20,20,20, .85);
}
}
不過,我推薦第二個選項,將您的mods在不同的樣式表,style.css
後加載,因爲器官功能障礙綜合徵的style.css將丟失在主題更新上,(除非您使用的是兒童主題,但似乎並非如此)。所以這裏,更安全的路線,要放置在自己的樣式表:
@media (max-width:767px) {
.works-grid.hover-white .work-item:hover .work-img:after,
.work-item:hover .work-img:after {
background-color: transparent;
}
}
有機會你想要交易的768px
斷點992px
,如果你想在受影響的設備或540px
平板電腦,如果你只想限制(大多數)智能手機的變化。
然而,被告知請它始終是一個壞主意,讓生產不合格的代碼,如打破東西在不知不覺中是巨大的機會。作爲一般規則,花費少量資金購買這麼小的東西總是有價值的,因爲它可能會在不同的屏幕尺寸或不同的設備上出現這種風險,除非您瞭解代碼的變化,適用時間以及如何使用測試它。
在測試環境中玩所有你想要的,並用它來學習。但是,如果你關心你的網站和你的客戶面前的品牌形象,不要改變你在生產中不理解的東西,不要改變你的產品,比如CSS
,javascript
或php
。這不是問題如果你會打破它,但當。不要聽我的話。詢問您選擇的10個或更多開發人員,與您沒有任何工作關係並查看答案。
嘗試使用您的瀏覽器開發工具來檢查網頁正在做什麼以及哪些css文件/類正在生效。 – Brino