0
我正在嘗試做一個響應網站的移動。我剛剛嘗試了下面的代碼,看看它是否有效,但是當我使我的網頁變得更小時,似乎並沒有使代碼生成。這應該是這樣或我錯過了什麼?或者我真的需要去我的手機並嘗試網頁了嗎?響應網站的電話
@media screen and(max-width:480px){
body{
background-color: black;
}
}
我正在嘗試做一個響應網站的移動。我剛剛嘗試了下面的代碼,看看它是否有效,但是當我使我的網頁變得更小時,似乎並沒有使代碼生成。這應該是這樣或我錯過了什麼?或者我真的需要去我的手機並嘗試網頁了嗎?響應網站的電話
@media screen and(max-width:480px){
body{
background-color: black;
}
}
你需要一個空間,否則它是無效的代碼。 https://jsfiddle.net/7fo28qrd/
@media screen and (max-width:480px){//space between `and` and `(`
body{
background-color: black;
}
}
哦感謝這個工作!我可以問一個後續問題嗎?一般來說,手機的最小寬度是多少?是否有一個普遍的斷點,人們已經標準化了?因爲在縮小頁面時查看電腦屏幕看起來不像電話尺寸頁面 – Amar
我建議在斷點處閱讀:https://responsivedesign.is/develop/browser-feature-support/media-queries - 用於通用設備斷點或使用開箱即用的解決方案,如http://getbootstrap.com/ – Michelangelo