1.vw单位,在PC端vw单位是包含右侧滚轮的宽度,而在移动端不会包含滚轮的长度,在PC端运用vw单位进行居中对齐,会比实际偏左盒子偏右一点,因为内容区域并不包含滚轮。
2.运用媒体查询进行响应式布局式,媒体查询的代码要写在样式后面,否则权重一样的情况下,前者的样式会覆盖响应式的样式。
3.图片的对齐方式默认式基线对齐。
4.固定定位,绝对定位,粘性定位都会失去正常的文档流,相对定位不会失去文档流
5.近期开发遇到一个问题,明明给body设置了宽高,然后给body设置背景,背景仍然会铺满整个屏幕。
当html不设置背景时,body的背景将作为整个浏览器的背景色,而不是body标签自己的背景色。当设置html背景色后,body的背景色就变成了body自己的背景色,此时html的背景色将被浏览器获取成为浏览器的背景色。
所以,要让body的背景色渲染范围只在设置的body范围之内,我们需要对html进行背景样式的设置。