css3中的媒体类型和设置修改方法(响应式,通过修改屏幕分辨率,从而达到pc端,手机端或者是iPad相互更换浏览网页时,更加清晰,好看)。(pc端,手机端或iPad网页相互转换时,网页的布局会发生改变,所以我们需要对每个屏幕分辨率进行设置)
工具/原料
电脑,DW软件
方法/步骤
1
介绍媒体类型:(常用的是屏幕:screen)
2
引入媒体(屏幕分辨率修改)方法一:(需要建立css格式的样式)在768.css中设置字体颜色为红色,当宽口大小不大于768分辨率时,字体为红色
3
引入媒体(屏幕分辨率修改)方法二:@import(需要建立css格式的样式)在768.css中设置字体颜色为红色,当宽口大小不大于768分辨率时,字体为红色
4
引入媒体(屏幕分辨率修改)方法三:(需要建立media.css在引入到.html中)在media.css中设置字体颜色为红色,当宽口大小不大于768分辨率时,字体为红色
5
有时在修改屏幕分辨率时,需要添加一些说明:
6
常见屏幕分辨率:
注意事项
有最大也有最小max / min -width / height
上一篇:iphone怎么把视频剪掉一部分
下一篇:如何在Pr中查看视频信息