我正在构建一个响应式页面布局,目前效果很好,但是我有一个问题:
我应该使用em、px还是%?
例如,我想在一个元素上使用边框半径。我应该使用这段代码:
border-radius: 1.563em;
或者这样:border-radius: 25px;
我是否应该使用ems来设置相似属性,或者应该坚持使用px?
我正在构建一个响应式页面布局,目前效果很好,但是我有一个问题:
我应该使用em、px还是%?
例如,我想在一个元素上使用边框半径。我应该使用这段代码:
border-radius: 1.563em;
或者这样:border-radius: 25px;
我是否应该使用ems来设置相似属性,或者应该坚持使用px?
仅供参考,如果有帮助的话,可以使用rem
。它可以解决em的“级联大小”问题。如果您设置
body { font-size :62.5 %; } /* Trick to have 1em =10px */
li {font-size:1.4em; }
<li>
将会是14像素,但如果你有一个嵌套列表,第二层的<li>
将会是20像素,第三层将会是27像素等等。
使用rem(意思是“根em”),所有的<li>
都是你定义的大小。rem
虽然我从未使用过它们,但支持回退到 px
、em
、%
等等。所以我可能会试一试,但在列表中使用 em
回退呢?仍然需要冗长的 CSS 标记... 所以最好不要使用 rem
了? - Baumr