请在台式计算机上查看此网站:
http://www.imageworkz.asia/cranium
此处的页眉和页脚在台式计算机中看起来不错,但如果您在 iPad 或任何移动设备上查看。页眉和页脚看起来好像不完整。
如果你在萤火虫中检查,它们的宽度都设置为 100%,所以我认为没有理由不适应整个 100%。
有任何想法吗?
请在台式计算机上查看此网站:
http://www.imageworkz.asia/cranium
此处的页眉和页脚在台式计算机中看起来不错,但如果您在 iPad 或任何移动设备上查看。页眉和页脚看起来好像不完整。
如果你在萤火虫中检查,它们的宽度都设置为 100%,所以我认为没有理由不适应整个 100%。
有任何想法吗?
您可以使用 css3 媒体查询来定位 ipad 样式:如下所示:
<link rel="stylesheet" media="all and (orientation:portrait)" href="portrait.css">
<link rel="stylesheet" media="all and (orientation:landscape)" href="landscape.css">
HTML5 样板是响应式的。如果您缩小浏览器尺寸,它会以新的分辨率模拟与 iPad(或其他小型设备)相同的响应。header
和具有新的footer
宽度。您可能需要检查 css 媒体查询。