使用 viewport 标签来使 Web 适应设备是绝对必要的吗?
Is it absolutely essential to use viewport tag to adapt a web to devices?
你好朋友,看看有没有人帮我定制我的网络设备。
我尝试了媒体查询和我的 phone(我只有一个,摩托罗拉 Moto G)我设法适应,但我没有使用视口标签。我刚刚通过这个媒体查询调整了 CSS:
横向:
@media screen and (max-width: 1000px) and (min-aspect-ratio: 13/9) {
}
纵向:
@media screen and (max-width: 1000px) and (max-aspect-ratio: 13/9) {
}
我的 phone 网络非常完美,我设法适应了横向和纵向。但是发生的事情是我只有这个 phone 并且不知道该页面在其他设备上的外观如何,放置视口标签是巨大且完全变形的:
<meta name="viewport" content="width=device-width, initial-scale=1">
问题是我对此很迷茫,因为为了证明我的页面,这个变形的巨人也出现了:
问题是,分辨率是1280x720 Moto G?为什么要放置视口标签如此扭曲?不明白,看看有没有人能解释一下。我在网上找了资料也看不懂
谢谢
我认为你问的是:
Is the Viewport Tag (the meta tag) absolutely essential because it is messing up your view of your website on your device.
要回答这个问题,让我们看看视口标签本身:
<meta name="viewport" content="width=device-width, initial-scale=1">
这告诉浏览器将初始比例设置为视口的 100% window,并将 body
元素的宽度设置为设备的宽度,因此它告诉浏览器将网页 body
元素的宽度与查看它的设备的宽度相关联。
简而言之,没有视口标签 不是 绝对必要的,但它是一个非常好的主意,尽管您可以更改 content
部分的设置
等标签
<meta name="viewport" content="width=500, initial-scale=1">
或
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
您可以仔细阅读 Mozilla Developer Network page on the topic,它会告诉您可以在视口标签中设置的可能值。这些与 CSS 显示值完全分开,并用作浏览器呈现页面方式的默认值。
如果你不在你的问题中提供更具体的问题,我无法给你更具体的建议
你好朋友,看看有没有人帮我定制我的网络设备。
我尝试了媒体查询和我的 phone(我只有一个,摩托罗拉 Moto G)我设法适应,但我没有使用视口标签。我刚刚通过这个媒体查询调整了 CSS:
横向:
@media screen and (max-width: 1000px) and (min-aspect-ratio: 13/9) {
}
纵向:
@media screen and (max-width: 1000px) and (max-aspect-ratio: 13/9) {
}
我的 phone 网络非常完美,我设法适应了横向和纵向。但是发生的事情是我只有这个 phone 并且不知道该页面在其他设备上的外观如何,放置视口标签是巨大且完全变形的:
<meta name="viewport" content="width=device-width, initial-scale=1">
问题是我对此很迷茫,因为为了证明我的页面,这个变形的巨人也出现了:
问题是,分辨率是1280x720 Moto G?为什么要放置视口标签如此扭曲?不明白,看看有没有人能解释一下。我在网上找了资料也看不懂
谢谢
我认为你问的是:
Is the Viewport Tag (the meta tag) absolutely essential because it is messing up your view of your website on your device.
要回答这个问题,让我们看看视口标签本身:
<meta name="viewport" content="width=device-width, initial-scale=1">
这告诉浏览器将初始比例设置为视口的 100% window,并将 body
元素的宽度设置为设备的宽度,因此它告诉浏览器将网页 body
元素的宽度与查看它的设备的宽度相关联。
简而言之,没有视口标签 不是 绝对必要的,但它是一个非常好的主意,尽管您可以更改 content
部分的设置
<meta name="viewport" content="width=500, initial-scale=1">
或
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
您可以仔细阅读 Mozilla Developer Network page on the topic,它会告诉您可以在视口标签中设置的可能值。这些与 CSS 显示值完全分开,并用作浏览器呈现页面方式的默认值。
如果你不在你的问题中提供更具体的问题,我无法给你更具体的建议