html – 做响应式设计时首选单位是什么？
发布时间：2020-12-14 22:21:38 所属栏目：资源 来源：网络整理
导读：我正在建立一个响应式的网站，我想知道我应该使用什么单位？我看到很多使用像素(px)的网站进行测量，我看到有些使用百分比(％)。有回应式设计的首选或正确的方式吗？ 我已经发现百分之百难以使用，因为它使计算困难，我已经得到了像2.754％的值，当设置宽度/
|
我正在建立一个响应式的网站，我想知道我应该使用什么单位？我看到很多使用像素(px)的网站进行测量，我看到有些使用百分比(％)。有回应式设计的首选或正确的方式吗？
我已经发现百分之百难以使用，因为它使计算困难，我已经得到了像2.754％的值，当设置宽度/边距等时，像素似乎更容易，只是简单的加法和减法，但我看到它不是“未来证明”或类似的东西，如果用户放大浏览器窗口，将不会适当缩放。这还是真的吗 如果您有任何经验或专业知识，请分享！我很乐意听到你们要说的话！ 谢谢！ 解决方法
对于布局类型，如框的大小，您希望使用％，因为您通常会将多个列的大小设置为其父级的百分比，这些列将在某个断点(宽度：100％)上堆叠在彼此的顶部。没有其他单位将允许您填充100％的空间，如％。
对于填充/边距使用em，通常你会想要相对于文本的大小来放置你的元素。随着em(带有’M’字符)，你可以很容易地说我想要大约1个字符的间距。 对于边界，您可以使用px或em，但有一个区别。如果您希望您的边框看起来像所有设备上的一个像素宽，请使用1px。它可能不是所有设备上的一个像素，但高密度显示器可将1像素转换为2像素。如果您希望您的边框是基于您的字体的大小，请使用em。 对于字体，使用em(或％)，使用em将父母传递给孩子，它只是一个更好的单位来处理px。 （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |