0

所有,我有以下网页: http ://www.okynemedialab.com/gear_checkout.php

我正在尝试在我的移动设备 (iPhone) 上显示它,但它似乎没有识别出我正在使用移动设备。我有以下 CSS 来控制最大宽度:

/* Optimized for Tablets */
@media (max-width: 800px) { 
    #featured, #main, #bottom { font-size:10px; }
}
/* Optimized for Mobile Devices */
@media (max-width: 480px) {
    #wrapper {padding:0;}
    #main { font-size:9px; float:none; margin:0 0 10px 0; width:100%;}
}

我使用以下代码调用此 CSS:

<link rel="stylesheet" media="all" href="<?php echo $url; ?>gear.css" type="text/css" />

我不知道为什么它不调整。我确实有一些预先填充的表格,然后用一些 jQuery 隐藏,但我没有它们的宽度,所以这不应该是问题。谁能看到我做错了什么或如何使这项工作?

谢谢!

4

1 回答 1

2

在https://stackoverflow.com/a/3454294/1521179查看类似问题的答案

(搜索可以帮助...)

问题是 iOS 设备的伪宽度约为 1000 像素。链接的答案显示了如何解决这个问题。

于 2012-08-03T02:26:11.980 回答