多语言展示
当前在线:805今日阅读:176今日分享:34

CSS3中的媒体

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

推荐信息