我正在使用 wordpress 開發一個名為
我在css中添加了螢屏對應的css代碼，但是還是沒有任何效果：
@media only screen and (max-width: 768px) {
img.sslsecure {
background-attachment: scroll;
}
uj5u.com熱心網友回復：
它正在做它應該做的事情，它占據了其父 div 寬度的 40%。當您檢查元素時，您可以看到父元素實際上幾乎占據了螢屏寬度的 100%。
您可以通過為不同的螢屏尺寸添加額外的 css 來解決此問題。這可以在您使用的主題中完成。
或者您可以添加額外的 css 并自己撰寫媒體查詢。
看：
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
編輯。
我剛剛看到您嘗試添加媒體查詢。你做對了，但你必須改變元素或父元素的寬度。background-attachment: scroll;僅適用于帶有 的元素background-image。由于這是img，因此不適用于此元素。
比方說，我不希望影像寬度超過 100 像素：
@media only screen and (max-width: 768px) {
img.sslsecure {
max-width: 100px;
}
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/347767.html
標籤：html css ios WordPress的 平板电脑
上一篇：如何在@media查詢中禁用