我正在尝试使用引导程序设计一个流畅/响应式的网页设计。我正在尝试设计布局,使其适合许多设备。关于将高度设置为布局元素(例如页眉或页脚)的问题。我现在以像素为单位,但我想知道是否应该使用其他形式的测量。
我可能想多了,但我想确保我以正确的方式做这件事。提前致谢!
我正在尝试使用引导程序设计一个流畅/响应式的网页设计。我正在尝试设计布局,使其适合许多设备。关于将高度设置为布局元素(例如页眉或页脚)的问题。我现在以像素为单位,但我想知道是否应该使用其他形式的测量。
我可能想多了,但我想确保我以正确的方式做这件事。提前致谢!
height
尽可能避免设置 a 。您经常可以绕过 - 最好是这样 -padding
在有问题的元素上使用,和/或margin
在元素的子元素上使用值。
如果您绝对需要定义高度,请使用它,min-height
以便它的子项占用更多垂直空间时它会增长。
很多时候人们回退到定义静态height
值,因为元素也在使用float
并增加高度来获取内容流和背景。这是相当糟糕的做法,如果是这种情况,您应该考虑研究清除浮动的方法。
em 和 % 是流畅/响应式网页设计的好解决方案。
我会建议媒体查询 css
@media only screen and (max-device-width: 480px) { }
如果您有很多不同的设备,像素可能是最佳选择。要考虑的其他测量: