gpt4 book ai didi

css - 响应式网页设计和高分辨率显示 (iPhone 4/5)

转载 作者:技术小花猫 更新时间:2023-10-29 10:22:14 26 4
gpt4 key购买 nike

我最近开始研究响应式网页设计,并在这里做了一个基本测试:

http://test.studev.net/

它在桌面浏览器中运行良好,但我对如何在高分辨率设备(例如 iPhone 上的视网膜显示器)上加载时处理最小宽度设计感到困惑。由于这种类型的显示,这意味着例如在桌面上正常阅读的 16px 尺寸无法在 iPhone 4/5 上阅读。

这通常是如何处理的?

最佳答案

好吧,如果你想让移动设备上的文字变小或变大,你会这样做

@media screen and (max-width: 480px) {
font-size: 10px; /* Smaller */
}

@media screen and (max-width: 480px) {
font-size: 20px; /*Larger*/
}

并确保你的 <HEAD> 中有这个标签:

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

或者您也可以像这样禁用缩放:

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

对于 IE10 支持,请尝试:

@-ms-viewport{
width:device-width
}

关于css - 响应式网页设计和高分辨率显示 (iPhone 4/5),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16069856/

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