<分区>
标签 javascript html css mobile web
所以我的网页appr.co/work/work.html在移动设备上无法正确显示。发生的事情是最小宽度似乎是 960px，而在我测试它的 iPhone 5 上，屏幕宽度是 568px，它最终缩小以使页面适合，但因此一切看起来都太小了，导航栏不会恢复到其移动外观。 我试过了
$("*").css({"min-width": "568px"});
作为一个测试，看它是否能正确显示，但它仍然是 960px，但现在右边的空白越来越细。请帮忙!
最佳答案
您不需要任何 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/ .
关于javascript - 网页宽度与屏幕宽度不匹配，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27519884/