苹果设备的网页响应能力

Posted

技术标签:

【中文标题】苹果设备的网页响应能力【英文标题】:web page Responsiveness with Apple devices 【发布时间】:2015-03-16 10:39:12 【问题描述】:

APPLE 设备的网页响应能力

我有各种网页,使用各种媒体查询进行响应,这些媒体查询适用于苹果设备和操作系统(ios、ipad、iphone)以外的各种操作系统 现在我的页面对苹果设备没有响应。我使用了 但它仍然无法正常工作。请给我一些建议。

【问题讨论】:

请提供代码示例,以便我们查看是否有问题。 这不是问题。这太疯狂了。 【参考方案1】:

在不同平台上的响应能力实际上没有区别。您使用哪种浏览器(例如 Apple 设备上的 Safari)并不重要。除非它是 Safari 的过时版本。

也许您的媒体查询编码错误?这是一个示例:

@media all and (max-width: 1200px) 
       /* your css here */

在本例中,当浏览器窗口宽度小于 1200 像素时,您的 CSS 将生效。

希望这对您有所帮助。

【讨论】:

以上是关于苹果设备的网页响应能力的主要内容,如果未能解决你的问题,请参考以下文章

响应式网页制作的一种方法

基于响应式 Bootstrap 的网页在移动设备上显示效果不佳

为啥企业网站需要响应式网页设计(RWD)?

10年内取代iPhone,目标10亿用户,苹果押注AR头戴设备

响应式网页设计适用于桌面,但不适用于移动设备

win7出现:您的计算机配置似乎是正确的,但该设备或资源(DNS 服务器)没有检测到有响应