css - iphone(智能手机)css RWD 渲染不工作

标签 css smartphone

我使用媒体查询使我的网站具有响应能力,并通过调整浏览器大小对其进行了测试,它运行良好。我还使用了一个网站来查看我的页面在苹果设备上的呈现方式,特别是 iPhone,以及 RWD 的工作情况。但是当我在实际的 iPhone 或任何其他智能手机上查看我的网站时,它以“桌面模式”显示页面(即不使用媒体查询呈现)。有人可以向我解释这是为什么吗?抱歉,我没有示例,但我认为这是一个常见问题/修复。谢谢大家。

最佳答案

首先想到的是,正如我之前所做的那样,您是否忘记了视口(viewport)标签?

<meta name="viewport" content="width=device-width, initial-scale=1">

关于css - iphone(智能手机)css RWD 渲染不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26447372/

相关文章:

javascript - 向下滚动时词缀元素闪烁

css - 手机绝对位置优化

android - 手机文件读取性能 : internal storage vs. SD卡对比PC硬盘

javascript - 不透明度过渡 css 动画从高到低起作用,但反之亦然

一个非常高的 div 中的 HTML 内容

PHP:_POST 和 CSS,如何显示事件链接

html - 邮件模板中的 CSS 不起作用

Javascript 无需 "HTML5 Geolocation"和互联网即可获取智能手机 GPS

android - 从麦克风获取的语音音量任意降低(Android、OpenSLES)

android - Prestashop 语言标志图标在移动设备上看起来很糟糕