【问题标题】:css issue in ios devicesios设备中的css问题
【发布时间】:2012-05-07 02:31:11
【问题描述】:

请在台式电脑上查看此网站:

http://www.imageworkz.asia/cranium

此处的页眉和页脚在台式计算机上看起来不错,但如果您在 iPad 或任何移动设备上查看。页眉和页脚看起来好像不完整。

如果你在 firebug 中查看,它们的宽度都设置为 100%,所以我认为没有理由不容纳整个 100%。

有什么想法吗?

【问题讨论】:

  • 通过告诉潜在客户他们的浏览器过时来侮辱他们可能不是一个好主意,即使这是事实。
  • 我想我必须改变它。它是 HTML5 Boilerplate 的默认语句。

标签: html css


【解决方案1】:

HTML5 样板是响应式的。如果您缩小浏览器尺寸,它会以新的分辨率模拟与 iPad(或其他小型设备)相同的响应。 headerfooter 具有新的宽度。您可能需要检查 css 媒体查询。

【讨论】:

    【解决方案2】:

    您可以使用 css3 媒体查询来定位 ipad 样式:如下所示:

    <link rel="stylesheet" media="all and (orientation:portrait)" href="portrait.css"> 
    <link rel="stylesheet" media="all and (orientation:landscape)" href="landscape.css">
    

    【讨论】:

      猜你喜欢
      • 2012-05-14
      • 2021-06-27
      • 1970-01-01
      • 2016-06-07
      • 1970-01-01
      • 1970-01-01
      • 2016-04-27
      • 1970-01-01
      相关资源
      最近更新 更多