媒体查询、移动端、网页响应式布局

1.媒体查询

随着移动设备与互联网的快速普及,用户开始使用各种尺寸的智能手机、平板电脑或者其它设备来浏览 Web 内容,为了确保使用不同设备的用户都能拥有不错的体验就需要用到媒体查询。媒体查询能让 CSS 可以更精确的作用于不同的设备或同一设备的不同条件,并为它们分别定义不同的 CSS 样式,使其契合各个设备的页面大小,当然屏幕的类型由多种 比如电脑屏幕 比如打印机

screen 就表示所有的电脑显示器,@media screen

print 表示打印机的屏幕,@media print

all 表示所有的媒体设备比如电脑屏幕和打印机使用等媒体查询,可以使用

你可能感兴趣的:(css3媒体查询,移动端,响应式,css3)