2017-02-05 124 views
0

我正在嘗試做一個響應網站的移動。我剛剛嘗試了下面的代碼,看看它是否有效,但是當我使我的網頁變得更小時,似乎並沒有使代碼生成。這應該是這樣或我錯過了什麼?或者我真的需要去我的手機並嘗試網頁了嗎?響應網站的電話

@media screen and(max-width:480px){ 
    body{ 
     background-color: black; 
    } 
} 

回答

2

你需要一個空間,否則它是無效的代碼。 https://jsfiddle.net/7fo28qrd/

@media screen and (max-width:480px){//space between `and` and `(` 
    body{ 
     background-color: black; 
    } 
} 
+0

哦感謝這個工作!我可以問一個後續問題嗎?一般來說,手機的最小寬度是多少?是否有一個普遍的斷點,人們已經標準化了?因爲在縮小頁面時查看電腦屏幕看起來不像電話尺寸頁面 – Amar

+1

我建議在斷點處閱讀:https://responsivedesign.is/develop/browser-feature-support/media-queries - 用於通用設備斷點或使用開箱即用的解決方案,如http://getbootstrap.com/ – Michelangelo