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

Question

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

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

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

谢谢

score 1 · Accepted Answer

或者，您总是可以将您的网站构建为即时响应，例如使用百分比和 em —— 有许多教程向您展示如何构建一个完全响应的网站。

score 0 · Accepted Answer

元标记将满足您的需求

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

score 0 · Accepted Answer

您可以在这里查看几件事：

但是，在许多不同的视口大小中，一些刚刚调整大小/缩放的元素可能看起来很荒谬。您可能希望考虑不使用对于视口大小而言太大或太小的某些元素。因此@media查询

score -1 · Accepted Answer

大多数智能手机会根据需要调整您的桌面网站的大小。所以，你不应该做任何事情。

4 回答 4