html - 响应式设计 - 所有测量单位都是相对的?使用什么测量单位?

标签 html css responsive-design

<分区>

我有一个响应式网页,它使用基线网格进行布局。用于调整字体大小的单位是 rem,后备 px。
当涉及到定义边距、填充、宽度和高度时,我应该使用什么单位?当然使用 px 确实很诱人,但这是一种不好的做法吗?当用户放大时怎么办?

我还读到百分比值是响应式设计的方式,但在我看来,在切换到另一个测量单位时很难使用 rem 网格。

此外,我还看了一些专业人士制作的知名响应式网站的 HTML/CSS,甚至他们使用了一些 px 值,这让我非常恼火。

最佳答案

IMO, flex 更适用于响应式设计。你可以在https://developer.mozilla.org/en-US/docs/CSS/flex学到很多东西(请避免将 W3School 作为学习基地)。

关于html - 响应式设计 - 所有测量单位都是相对的?使用什么测量单位?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14485638/

相关文章:

javascript - .innerHTML 不会在 div 内打印任何内容

html - 使用图像作为背景或创建 CSS,优缺点

Jquery 从上到下和从下到上滑动以禁用按钮

html - DIV 或 table 来实现这个?

css - 删除文章 &lt;header&gt; 和 <p> 之间的空格

javascript - CSS样式执行的优先顺序

css - 如果复选框被选中,如何操作输入字段

css - 如何为网页页脚制作完美的div?

html - 如何在 Bootstrap 4 的列之间添加边距?

javascript - 小屏幕 float 内容/额外宽度