响应式网页
- 一个网站所有的样式全部写在一个css文件中,写类名把父元素带上,这样就不会有类名冲突了
响应式就是使用媒体查询,在多个的屏幕尺寸下,让网页的布局不要乱。
核心就是,在对应的屏幕下,通过对发生错乱的元素样式进行更改,让其在该屏幕下排列整齐,只有一句话,在对应的屏幕下,把版心改成100%,去掉元素的定高定宽,宽度改为100%,去除多余的内外边距,左右布局改上下。
这个需要一个个div逐个去更改,看着费劲,其实也花不了多少时间。
网页里面用到的swiper,fullpage,echarts这些库,他们都有响应式的解决方法,官网查就行。
评论