[英]@media queries : getting an error in W3C CSS Validation Service
我嘗試使用@media查詢根據不同的屏幕大小修復包裝div的寬度
我寫了這些代碼行
@media screen and (min-width:768px) and (max-width:1023px) {
#wrapper {
width:625px;
padding-left: 50px;
margin:0 auto;
}
}
@media screen and (min-width:1024px) and (max-width:2047px) {
#wrapper {
width:865px;
margin:0 auto;
padding-left: 50px;
width: 927px;
}
}
當我在W3C CSS驗證服務中檢查我的文件時,我得到了這些錯誤
Value Error : min-width Property min-width doesn't exist for media screen : 768px 768px
Value Error : max-width Property max-width doesn't exist for media screen : 1023px 1023px
Value Error : min-width Property min-width doesn't exist for media screen : 1024px 1024px
Value Error : max-width Property max-width doesn't exist for media screen : 2047px 2047px
這類錯誤背后的原因是什么?
您沒有設置使用CSS 3配置文件而不是默認配置(CSS 2)的選項。
您是否讓驗證者知道您正在使用CSS3? 我不認為媒體查詢是CSS2。*規范的一部分。 這是我在鏈接中使用的URL: http : //jigsaw.w3.org/css-validator/check/referer?profile = css3
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.