媒体查询不适用于手机浏览器？

Question

我目前正在研究一个网站的移动版本，该版本在默认浏览器如Firefox & Chrome中运行良好。 Base是流媒体格式，媒体查询的最大宽度为440px（@media screen和（max-width：440px），用于定位肖像模式。

字体大小在默认浏览器中会随着其他一些设置较小的图像和div等。但是，当我在默认浏览器上测试我的HTC Android手机上的网站时，它仅显示最大宽度440的样式，而不是基于宽度为480px的正常样式。这个行为的问题可以在httpp：//www.seeyouzoeningouda.nl/m

找到移动版本没有发布的CSS，因为我真的不知道代码的哪一部分显示给你。 cs s基于默认的HTMl5样板模板（www.html5boilerplate.com）

Answer 1

移动设备有时以@media handheld为目标。尝试使用@media all而不是屏幕。

Answer 2

你用什么移动设备进行测试？
如果他们是三星Galaxy S3或苹果iPhone 4，那么他们的设备分辨率已经翻倍，因此这可能是媒体查询无法正常工作的原因。

因此，对于I-phone 4，尝试将最大宽度从480px加倍到960px，如果您在写入媒体查询时将最大宽度从360px加倍到720px，那么对于samsung galaxy s3，它可能工作得很好。

例如。
@media掌机，屏幕（最大宽度：960像素）
@media掌机，屏幕（最大宽度：720像素）

我想这可能会帮助你的目标肖像模式。