火狐起始页怎样设置？

padding效果被元素高度影响了

你要知道高度的百分比并非任何时候都是一个有效值

比如某个元素的父元素没有设置高度有效值,父元素用百分比,父元素的父元素也是百分比,子元素按照百分比计算高度,不同的浏览器处理结果不一样

如果父元素设置固定高度 height = 100px,子元素height = 40% ,

结果是 子元素 height = 40px,这样100%不会出岔子的

如果父元素不设值 height = auto,子元素height = 40% ,

有可能子元素 height = undefined , 结果不可控

chrome里面去掉height :100% 这个属性 元素高度是785px, 否则是793px

firefox里面去掉height:100% 元素高度是908px 保留则是748

结论就是 height这个属性,如果不设值,不同浏览器盒子模型处理结果可能不一样,

如果设了百分比,不同浏览器盒子模型大小依旧不一样

如果设置固定px值,不同浏览器一定一样,这里就不截图了,建议你使用

如果用vw和vh这样的方式来设置会怎样呢?

vw结果一样,建议你使用

vh结果跟height百分比一样乱,因为vh依照的也是高度百分比

还有一些方式,比如高度按照字体大小的单位来设置,比如 em , rem 会怎样呢?

em是继承父元素的设置,rem是继承根元素的设置,如果父元素/根元素一样,

两种方式结果一样,偶尔可以使用以上讨论的是块级元素,PC端移动端下次有时间再表