让min-width和min设备宽度同时工作

时间:2013-06-04 14:48:09

标签: responsive-design width media-queries

这适用于我的手机

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

这适用于chrome

@media only screen 
and (min-width : 320px) 
and (max-width : 480px) {

我可以让他们同时使用同一套规则吗?

1 个答案:

答案 0 :(得分:0)

坚持查询中的最大宽度和最小宽度,除非您需要特定的小型设备样式。确保您在<meta>中使用<head>标记,以便将这些查询应用于小屏幕设备。 <meta name="viewport" content="width=device-width,initial-scale=1.0">