2017-02-05 118 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