【问题标题】:optimizing a web design for the iPhone为 iPhone 优化网页设计
【发布时间】:2010-07-09 17:16:34
【问题描述】:

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

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

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

【问题讨论】:

    标签: iphone css mobile-safari mobile-website


    【解决方案1】:

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

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

    或者自己在维度中进行硬编码(请参阅https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html 中的视口)

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2011-03-24
      • 1970-01-01
      • 2011-06-24
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-09-14
      • 1970-01-01
      相关资源
      最近更新 更多