因此，我的网页appr.co/work/work.html无法在移动设备上正常显示。发生的事情是最小宽度似乎是960px，而在我测试它的iPhone 5上，屏幕宽度是568px，它最终缩小以使页面适合，但相应地一切看起来都太小了，导航栏没有恢复到它的移动外观。 我试过了
$("*").css({"min-width": "568px"});
作为一个测试，看看它是否会正确显示，但它仍然是960px但现在右边的空白区域变薄了。请帮忙！
答案 0 :(得分：3)
您无需任何JS即可在移动设备中正确呈现网页。只需使用@media即可。查看https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries的此信息。
所以对于568px你可以写
@media only screen and (max-width:568px){
.class{property:value;}
}。
另外，请不要忘记添加meta代码以在真实设备上获取有效的媒体查询（只需在<meta name="viewport" content="width=device-width">代码中加入head）。更多信息在这里http://css-tricks.com/snippets/html/responsive-meta-tag/。