对于响应式设计,我使用em
值而不是px
值。(当然,%
也会发挥作用。)
然而,当考虑流体照片的容器(例如div
、figure
等)时,布局有时会称其在CSS中具有max-width
属性。
如果这是在em
中声明的(例如700px/16px=43.75em),那么它可能会根据用户的浏览器设置和缩放而错误地调整大小。
因此,CSS声明中的px
值似乎更适合?但我现在对使用它们很谨慎。。。然而,另一方面,这样的预防措施是没有根据的吗?
我想在em
中设置它,但接受用户可以(并且将)放大/缩小和/或更改其基本字体大小。这只是一些你无法控制的事情。
不过,最好的办法是设置一些简单的测试用例,并在许多浏览器/缩放/文本大小设置中进行尝试。