有没有人能帮我理解一下

`<meta name="viewport" content="width=device-width, initial-scale=1.0">`

我知道它可以帮助扩展h1、p和其他文本标记. 我也明白,使用‘字体大小32px’将无法zoom 功能.那么,您将如何调整字体大小,同时仍然保持元比例的适配性?如果不可能,那么根据需要的字体大小使用h1-h6并手动创建自定义字体大小的响应度是否更好?

我试过了

<h1>Hello world</h1>

h1 {
    // Different approaches
    font-size: 32px;
    font-size: 2em;
    font-size: 5vw;
}`

推荐答案

视区元标记与您设置字体大小的方式不是directly%相关.

在某些设备上,视区的虚拟大小将与其实际大小有很大不同.即使在这些情况下,设置基于像素的字体大小实际上也不会将其设置为实际像素大小.

如图所示,meta标记关闭了其中一些虚拟zoom 选项,以使浏览器视窗按您预期的方式工作.

如果不可能,那么根据需要的字体大小使用h1-h6并手动创建自定义字体大小的响应度是否更好?

不,您 Select 的元素应该基于内容的语义,而不是纯粹基于样式.例如,如果您有一个小节标题,您将使用h1h2等元素中的一个.如果你只是想调整字体大小,你可以在css中完成.Html是用于 struct 的,而css是用于样式的.

另外,对你来说是个小把戏...如果你擅长保持东西的相对,那么在你的尺码中使用em码是最容易的.然后,只需更改body元素上的font-size就可以调整整个界面.

Html相关问答推荐

HTML图像无法正确放大和缩小规模

创建具有圆锥渐变的水平CSS聚光灯

如何在div中淡入和淡出渐变背景?

如何在所有屏幕大小下使带有背景图像的伪元素作为标题的衬底?

在CSS中旋转排除的蒙版图像

覆盖垫子中的边框底部 Select

如何使div填充父项的剩余高度

减小HTML负载中base64字符串的大小

CSS:双面元素未正确显示边框

来自元标记的响应文本

在移动屏幕上显示时分支树视图的响应能力问题

Web 组件 #shadow-root css 泄漏到文档

调整 Rmarkdown 输出的 html_document 的标题和副标题之间的间距

在 html 和 css 中绘制表格内的倾斜线

停止 Bootstrap 5 输入调整 CSS 网格单元的高度

无法在 CSS 中将 h1 标签居中

如何使用动画拆分和对齐文本块

Header 或 P 标记中的填充不能与 em 单元一起正常工作

正确使用视频作为背景

水平滚动框不显示所有元素