jquery - 如何在移动设备上保持网页相同的比例

标签 jquery html css

我希望我的桌面网站在移动设备上显示时就像在移动设备上一样,因为我知道我在移动设备上阅读的所有内容都会更小。我基本上不希望任何元素折叠只是因为它在较小的屏幕上。是否有元标记或媒体查询可提供此调整?

这就是我目前使用的标题...

<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="utf-8">
<meta http-equiv="pragma" content="no-cache">
....
</head>

谢谢

最佳答案

CSS3 media queries .

CSS Tricks has a tutorial for providing different CSS for different browser window sizes (这是比显示分辨率更有用的指标)。

或者您始终可以构建您的网站以即时响应,例如使用百分比和 em - 有许多教程可以向您展示如何构建一个完全响应的网站。

关于jquery - 如何在移动设备上保持网页相同的比例,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18191147/

相关文章:

CSS使背景图像覆盖其他div

css - 加载托管的 css 文件

框架加载的 Javascript 事件

javascript - JqueryUI 1.11 选项卡在同一页面上直接链接到选项卡

html - 如何借助css在html中显示带有文本的图标?

jquery - 页面预加载效果在新的 jquery 版本上不起作用

javascript - a.nodeName.toLowerCase 不是函数

javascript - 检测用户 browser-height >= page body-height

javascript - 在重定向之前将有关单击链接的信息发送到服务器

jquery - 选择具有相同类的所有元素