如何使移动端的视区宽度不同？
有没有一种方法你可以使视点宽度在移动700和保持1080在桌面
例如：meta name=“viewport”content=“width=700”（仅适用于移动端）
meta name=“viewport”content=“width=1080”（仅适用于桌面）
共有1个答案
技术上是：
<meta name="viewport" content="width=700">
…因为桌面浏览器无论如何都会忽略视口指令。
Meta viewport之所以存在，是因为当智能手机刚推出时，没有人为其设计网站。如果每个网站都因此而崩溃，那么没有人能够卖出智能手机，所以他们默认使用奇怪的缩放技巧，并提供了视区设置，这样，如果有人在设计网站时考虑到了智能手机，他们就不会被不恰当的缩放所困住。
一般来说，您不应该在您的视口设置中指定宽度。它是那里的情况下，你已经有一个网站从世纪之交的一个固定宽度的设计，你需要现代的，小屏幕设备能够应付它。
在大多数情况下
<meta name="viewport" content="width=device-width, initial-scale=1">
…与CSS一起是最优的，它利用媒体查询使设计正确负责。
如果您真的想根据设备设置宽度，那么您可能不得不使用JavaScript检测屏幕大小，在cookie中设置，然后触发重新加载。
然后，如果cookie存在，则使用服务器端代码设置meta标记，不要输出设置cookie并重新加载页面的JS。
我不推荐那种方法。
-
ElementUI date-picker组件类型为时间范围时，在移动端上宽度超出屏幕宽度，应该如何设置？ 在官网没有看到对弹出部分进行设置的相关说明
-
我正在尝试将CardView宽度与屏幕宽度匹配，但CardView的宽度与屏幕宽不匹配。我一次又一次地检查了我的代码，甚至使所有属性的宽度等于匹配的父级。 Recyclerview xml-- 卡片视图xml - 膨胀代码 这是屏幕截图
-
问题内容： 我需要为iPhone / Android手机开发一些html页面，但是和之间有什么区别？我需要为不同的屏幕尺寸使用不同的CSS。 有什么不同？ 问题答案： 是目标显示区域的宽度，例如浏览器 是设备整个渲染区域的宽度，即实际设备屏幕 这同样适用于和自然。
-
问题内容： 有没有办法找出场景渲染部分的宽度？ 例如，如果我们有一个宽度为100的网格，但是以一定的缩放级别进行渲染…我如何计算在屏幕上渲染的网格部分的宽度？ 问题答案： 您必须在这里精确。 您可以根据给定相机的视场和距相机的给定距离，计算可见的矩形区域。 由于对象大概具有深度，因此您必须从网格中选取一个平面，然后以该距离进行计算。 这是计算可见光以及距相机给定距离的方法。 three.js r.
-
我会保持简短直截了当，这样我就明白了： > vw根据视区宽度更改字体大小。 VH根据视区高度更改字体大小。 我的问题是； 有没有一种方法可以根据视区的宽度和高度来缩放我的字体大小？因此，改变浏览器的高度和宽度将适当地缩放我的字体大小。 我这样问是因为我想根据它们所在的容器适当地缩放我的文本大小，我的问题是容器缩放到100%的宽度和100%的高度。因此，根据高度和宽度来缩放文本大小似乎是合乎逻辑的，
-
问题内容： 我必须在屏幕高度上安装iframe。显然，我希望宽度为100％，但是由于这种方法不起作用，因此我使用了100vh。但是像vw这样的vh并不完全是100％。在我的笔记本电脑中，通过镀铬虽然100％的宽度可以完美呈现而不需要水平滚动条，但vw大约可以增加一厘米。 问题答案： vw和vh分别代表视口宽度和视口高度。 使用代替的区别在于，虽然将使元素适合所有可用空间，但视口宽度具有特定的度量，