网页无法识别移动设备并调整显示

Question

全部， 我有以下网页： 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隐藏，但我没有宽度，所以这不应该是问题。任何人都可以看到我做错了什么或如何使这项工作？

谢谢！

Answer 1

在https://stackoverflow.com/a/3454294/1521179

上查看类似问题的答案

（搜索可以帮助...）

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