问如何编写针对所有移动设备和平板电脑的CSS媒体查询？
EN

Stack Overflow用户

提问于 2012-09-18 11:09:11

回答 1查看 94.7K关注 0票数 48

@media only screen and (max-device-width : 640px) {
/* Styles */
}

@media only screen and (max-device-width: 768px) {
/* Styles */
}

这就是我到目前为止所拥有的。我正在工作的移动网站的PSD样机有640px宽。另一个是该网站的平板电脑版本，大小为768px。我只能使用max-width在我的网页浏览器中测试这个网站，但现在是时候让这个网站在设备上工作了，它仍然呈现常规的全尺寸网页。上面的两个问题是我最好的猜测。我哪里错了？

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/12469875

复制

相似问题

问如何编写针对所有移动设备和平板电脑的CSS媒体查询？EN