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

前端之家收集整理的这篇文章主要介绍了html – 做响应式设计时首选单位是什么?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在建立一个响应式的网站,我想知道我应该使用什么单位?我看到很多使用像素(px)的网站进行测量,我看到有些使用百分比(%)。有回应式设计的首选或正确的方式吗?

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

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

谢谢!

解决方法

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

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

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

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

原文链接:https://www.f2er.com/html/233507.html

猜你在找的HTML相关文章