自适应笔记1

来源:互联网 发布:海信液晶电视连接网络 编辑:程序博客网 时间:2024/06/06 13:05
 一种使用media query的网格布局,通过media query判断屏幕大小来呈现不同效果。bootstrap就是其中代表

 还有一种是使用rem布局,这种做法可以实现对设计图的一比一还原。淘宝,网易都是使用该方法。


重点 :今晚写了自适应wap版的页面  , 结果 pc版出问题了, wap要引用mui.css,  pc版却排斥, 怎么办?

<link rel="stylesheet" media="screen and (条件) and (条件)" href="pc.css" />
media里面加入wap条件   ok!

原创粉丝点击