图片处理方式、页面布局、数据

1.图片背景的处理方式：

• 平铺：图片沾满整个父元素；
• 重复：图片比父元素小，多余空间重复；
• 拉伸：图片占不满，把图片拉伸到父元素宽度，图片会变形；

2.文字换行问题

• 文字本身沾满空间，必须换行，因此可以考虑隐藏或换行；
• 文字间隔过大，使空间被沾满
• 字体过大，沾满空间，浏览器识别最小字体8px

3.主布局与次布局

• 每一个板块，无论大小都是一个主布局，能不用调整位置的就不要调整；
• 主布局：不使用位置移动的，固定原来位置的，叫主布局；
• 在主布局里面的元素通过调整位置达到效果

4.数据过大，加载问题

• 使用懒加载；
• 固定到达某个位置固定加载数量
• 轮播图可以使用替换src路径，用哪张图片就加载哪个图片；