gpt4 book ai didi

html - 响应式网页设计 css 媒体查询和 Iphone 不同分辨率

转载 作者:搜寻专家 更新时间:2023-10-31 22:47:20 24 4
gpt4 key购买 nike

我在我的应用程序上使用媒体查询,它似乎运行良好并且在 http://www.responsinator.com/ 中显示良好但是当我在真正的 iPhone 4 中查看时,我的网页根本不可读。它看起来都放大了。

试图找出实际原因,responsinator 似乎将 iPhone 4 分辨率显示为 320 x 480,而本网站 http://www.iphoneresolution.com/显示为 640×960。我的 iPhone 看起来是 640×960。我应该如何处理 CSS 媒体查询中的这些情况?

最佳答案

将视口(viewport)元标记添加到 html 文件的 head 区域:

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

此代码可使您的网站正常缩放。

关于html - 响应式网页设计 css 媒体查询和 Iphone 不同分辨率,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14746661/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com