平 我有一个mvc页面，其中有一些用于ipad和移动设备的CSS。
ipad的查询（@media only屏幕和（min-device-width：768px）和（max-device-width：1024px））工作正常，但我无法获得移动设备的查询工作。 我试过这个：
@media only screen and (min-device-width : 320px) and (max-device-width : 480px)
和此：
@media only screen and (min-device-width : 320px) and (max-device-width : 767px)
和此：
@media only screen and (max-device-width : 767px)
我的元看起来像这样：
<meta name="viewport" content="width=device-width,initial-scale=1" />
在HTC ONE和iphone 4上测试过。
答案 0 :(得分：1)
我最终将移动部分放入单独的文件中，并在链接标记中进行查询，这很有效。
<link rel="stylesheet" media="only screen and (min-device-width: 768px)" href="Content/Site.css">
<link rel="stylesheet" media="only screen and (max-device-width: 767px)" href="Content/mobile.css">
答案 1 :(得分：0)
试试这个：
@media only screen and (max-width: 767px)
我知道max-device-width用于定位iphone和android等移动设备。但有时它没有被正确识别。因此，如果没有设备，最好使用max-width。