方法/步骤
1
可以不用meta标记，直接用代码使用媒体查询media query，当屏幕宽度小于等于480像素时应用样式代码，如图操作。
2
当屏幕宽度大于等于481并且小于等于600像素时，应用样式代码，如图操作。
3
当屏幕宽度大于等于601像素时，应用样式代码，如图操作。
4
如图代码，将设置所有长宽比为4:3的设备中h1元素字体的颜色设置为红色。
5
使用@import，指定媒体类型screen屏幕显示。
6
使用@import，指定媒体类型print印刷显示。
注意事项
1
按住Ctrl键+鼠标滚动滑轮可以放大网页更清楚查看gif动态图。
2
因gif动态图将重复播放。建议进入-步骤阅读模式-边看文字边单击图片放大看。
下一篇：杨梅戚风