响应式网页

雪天web

共 328字,需浏览 1分钟

 ·

2021-09-26 05:36

  1.  一个网站所有的样式全部写在一个css文件中,写类名把父元素带上,这样就不会有类名冲突了


  2. 响应式就是使用媒体查询,在多个的屏幕尺寸下,让网页的布局不要乱。

    核心就是,在对应的屏幕下,通过对发生错乱的元素样式进行更改,让其在该屏幕下排列整齐,只有一句话,在对应的屏幕下,把版心改成100%,去掉元素的定高定宽,宽度改为100%,去除多余的内外边距,左右布局改上下。

    这个需要一个个div逐个去更改,看着费劲,其实也花不了多少时间。


  3. 网页里面用到的swiper,fullpage,echarts这些库,他们都有响应式的解决方法,官网查就行。

    使用框架,不如自己写的清晰,除非对响应式框架特别熟练,哎,还是自己写吧...

浏览 10
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报