html – 做响应式设计时首选单位是什么？

概述我正在建立一个响应式的网站，我想知道我应该使用什么单位？我看到很多使用像素(px)的网站进行测量，我看到有些使用百分比(％)。有回应式设计的首选或正确的方式吗？ 我已经发现百分之百难以使用，因为它使计算困难，我已经得到了像2.754％的值，当设置宽度/边距等时，像素似乎更容易，只是简单的加法和减法，但我看到它不是“未来证明”或类似的东西，如果用户放大浏览器窗口，将不会适当缩放。这还是真的吗 如果您 我正在建立一个响应式的网站，我想知道我应该使用什么单位？我看到很多使用像素(px)的网站进行测量，我看到有些使用百分比(％)。有回应式设计的首选或正确的方式吗？

我已经发现百分之百难以使用，因为它使计算困难，我已经得到了像2.754％的值，当设置宽度/边距等时，像素似乎更容易，只是简单的加法和减法，但我看到它不是“未来证明”或类似的东西，如果用户放大浏览器窗口，将不会适当缩放。这还是真的吗

如果您有任何经验或专业知识，请分享！我很乐意听到你们要说的话！

谢谢！

解决方法 对于布局类型，如框的大小，您希望使用％，因为您通常会将多个列的大小设置为其父级的百分比，这些列将在某个断点(宽度：100％)上堆叠在彼此的顶部。没有其他单位将允许您填充100％的空间，如％。

对于填充/边距使用em，通常你会想要相对于文本的大小来放置你的元素。随着em(带有’M’字符)，你可以很容易地说我想要大约1个字符的间距。

对于边界，您可以使用px或em，但有一个区别。如果您希望您的边框看起来像所有设备上的一个像素宽，请使用1px。它可能不是所有设备上的一个像素，但高密度显示器可将1像素转换为2像素。如果您希望您的边框是基于您的字体的大小，请使用em。

对于字体，使用em(或％)，使用em将父母传递给孩子，它只是一个更好的单位来处理px。

总结

以上是内存溢出为你收集整理的html – 做响应式设计时首选单位是什么？全部内容，希望文章能够帮你解决html – 做响应式设计时首选单位是什么？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。