gpt4 book ai didi

iphone - CSS @Media 用于 iphone 和其他设备?

转载 作者:行者123 更新时间:2023-11-28 13:27:16 26 4
gpt4 key购买 nike

例如,我正在尝试让我的响应式网站在 iphone 或 ipad 上“响应”...我的 css 文件链接在这里 - http://uximag.com/styles.css

所有的响应式样式都在样式表的底部。它在台式机上运行良好,但在 iPhone 上却无法运行?

请告诉我,我已经尝试了几种方法,但似乎无法弄明白。

最佳答案

JimmyRare 的评论很好。将您的最大宽度设置得更小(iPhone5 为 640 像素),当它缩小时它应该适用于您的 iDevices 和浏览器。

另一种选择是在您的 HTML 文档中设置代码,这并不理想,因为它将您的 HTML 编写与您的样式结合在一起,但它有一个额外的好处,可以让您以屏幕分辨率的宽度为目标,而不是浏览器宽度:

<link rel="stylesheet" media="screen and (min-device-width: 640px)" href="640.css" />

关于iphone - CSS @Media 用于 iphone 和其他设备?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14015906/

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