媒体查询:实例
2019-07-03 本文已影响0人
kzc爱吃梨
http://js.jirengu.com/gusal/3/edit
实现移动端和pc端切换使用媒体查询;写两套html,先写移动端的样式,再在媒体查询中写pc端的样式。
移动端和pc的切换
- 不同页面的状态用媒体查询做
- 同一屏幕切不同状态用js做
手机端交互方式不一样
- 没有hover
- 有touch事件
- 没有resize
- 没有滚动条
http://js.jirengu.com/gusal/3/edit
实现移动端和pc端切换使用媒体查询;写两套html,先写移动端的样式,再在媒体查询中写pc端的样式。
移动端和pc的切换
- 不同页面的状态用媒体查询做
- 同一屏幕切不同状态用js做