优化iPhone的网页设计

时间:2010-07-09 17:16:35

标签: iphone css mobile-safari mobile-website

好的,我在iphone上的网站移动样式表上遇到了一些问题。我将样式表重新设计为类似于http://m.facebook.com给浏览器的样式,只是我遇到了一个问题,即iPhone浏览器上的Safari仍然从960px缩小页面,而不是将其限制为原生屏幕分辨率。是什么赋予了?

你认为它与body元素上的.container960类有关吗?我尝试使用移动样式表重置这些样式,但可能没有正确地重置容器样式。

该网站为http://beta.cureinternational.org。您需要使用用户名访客和密码来查看该页面。

1 个答案:

答案 0 :(得分:2)

您是否尝试过添加这样的元标记?

<meta name = "viewport" content = "width = device-width">

或者自己对尺寸进行硬编码(参见https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html中的视口)