http://js.jirengu.com/gusal/3/edit
实现移动端和pc端切换使用媒体查询;写两套html,先写移动端的样式,再在媒体查询中写pc端的样式。
- 不同页面的状态用媒体查询做
- 同一屏幕切不同状态用js做
手机端交互方式不一样
- 没有hover
- 有touch事件
- 没有resize
- 没有滚动条
http://js.jirengu.com/gusal/3/edit
实现移动端和pc端切换使用媒体查询;写两套html,先写移动端的样式,再在媒体查询中写pc端的样式。
- 不同页面的状态用媒体查询做
- 同一屏幕切不同状态用js做
本文标题:媒体查询:实例
本文链接:https://www.haomeiwen.com/subject/fifchctx.html
网友评论