问题标签 [device-width]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
104 浏览

html - html 元视口 user-scalable=no 似乎不再适用于 iOS 13.3

我正在尝试在专用于移动设备的网页上禁用用户捏缩放,我尝试了以下元标记但无济于事:

我也厌倦了这个:

我以前曾成功禁用用户捏缩放的一些旧网站,到今天不再工作了。

我不确定是否有任何新标准可以达到相同的效果,但我似乎没有在互联网上找到任何适用于 iOS 13.3 的更新解决方案。

0 投票
2 回答
337 浏览

html - 如何为手机添加响应式按钮?按钮需要堆叠成一列。有困难

我的内容需要对所有屏幕尺寸做出响应,而且我快到了。按钮需要堆叠成整齐的列,但有些东西阻止了这种情况的发生。请帮助提供我如何解决此问题的想法。看到到目前为止的工作。在此先感谢,我感谢有关此主题的任何帮助。问候

0 投票
1 回答
155 浏览

css - 为什么 1rem 比 1.1rem、1.2rem 等大

字体大小为:1rem 的文本应该是:

巨大的 1rem 文本

该问题仅在所有这些条件下重现:

  1. IOS
  2. 水平方向
  3. 跨度标记之外的一些文本

HTML 代码:

0 投票
2 回答
84 浏览

css - 手机中的容器尺寸错误

我在使用元标记 width="device-width" 时遇到问题,因为页面加载在手机上放大了。

在与检查员核对后,我意识到站点容器在手机上的大小“错误”:即使在 CSS 中宽度设置为 100%(我也尝试过“width:auto;”),容器显然差不多30% 宽。

这个问题的原因可能是什么?它可能只是代码中的缺失或某种语法错误吗?或者加载js模块时出现问题?

0 投票
3 回答
50 浏览

html - 与窗口大小相同的图像元素:关闭

我想在我的 html 网站上有一个与网站宽度相同的图像。我显然已经使用了,<meta name="viewport" content="width=device-width, initial-scale=1.0">但图像仍然没有改变大小。

我什至尝试过一些 css,但它只有一种尺寸:和电脑一样大,对于平板电脑或手机来说要大。

有什么帮助吗?

JavaScript 能帮上忙吗?

0 投票
0 回答
32 浏览

html - 如何使页面上的像素显示为整数?(铬合金)

我遇到了这样的问题,像素不完整,你可以在页面上看到它。正因为如此,我不能正常做像素完美。

图像 1 不正确 - html 元素属性。宽度 345.2 像素/高度 204.8 像素。 图 2 对 - html 元素属性。宽度 345 像素/高度 204 像素。

在另一台 PC 上,当在 devtools 中查看手机时,devicePixelRatio 是整数“2”,那里一切正常,像素是完整的。