【问题标题】:How to test and adjust a website for iphone?如何为 iphone 测试和调整网站?
【发布时间】:2012-09-12 09:47:46
【问题描述】:

我开发了这个website

在 PC 上的大多数浏览器和操作系统上看起来都不错。它甚至在我的 HTC with Opera Mobile 上看起来也不错。不幸的是,我不断收到有关它在 iphone 上的显示方式的报告。我没有 iPhone,所以这里是我的问题:

  1. 有没有一种简单的方法可以在 iphone 上可靠地检查(模拟)我的网站(我尝试过像 this 这样的网站 但是这个网站做了什么它在 safari 中打开 iframe 试图模拟 ihopne 原生屏幕大小,但问题出在其他地方......)?

  2. 关于我犯的明显错误有什么快速提示吗?

感谢您的帮助

【问题讨论】:

    标签: iphone mobile-safari web-deployment


    【解决方案1】:

    如果您有一台安装了 MacOS 的计算机(它甚至可能是一个 hackintosh),您可以在那里安装 Xcode,然后从中运行 iPhone 模拟器。到达那里后,您可以在模拟器中打开 Safari 并输入您的站点 URL 进行查看。

    我还将模拟器的快照附在您的主页上。

    您可以尝试在 HTML 中定义视口:

     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    

    另外,看看另一个meta tags available in Mobile Safari

    【讨论】:

    • 似乎缺少主要内容的背景。我不知道为什么。缩放也根本不起作用......
    【解决方案2】:

    我部分找到了答案。事实证明,大多数移动浏览器(包括 iphone 的 safari 和三星银河中的默认浏览器)不支持

    { background: transparent;}
    

    所以我需要提供如下所述的后备颜色:http://css-tricks.com/rgba-browser-support/

    【讨论】:

      猜你喜欢
      • 2020-08-15
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-02-03
      相关资源
      最近更新 更多