column-width栏目宽度
column-count栏目列数
column-gap栏目距离
column-rule栏目间隔线
媒体类型
all所有媒体
braille盲文触觉设备
embossed盲文打印机
print手持设备
projection打印预览
screen彩屏设备
speech '听觉'类似的媒体类型
tty不适用像素的设备
tv电视
关键字
and
not not关键字是用来排除某种制定的媒体类型
only only用来定某种特定的媒体类型
媒体特性
(max-width:600px)
(max-device-width: 480px)设备输出宽度
(orientation:portrait)竖屏
(orientation:landscape)横屏
(-webkit-min-device-pixel-ratio: 2)像素比
devicePixelRatio设备像素比
window.devicePixelRatio =物理像素/ dips
样式引入
@import url("css/demo.css") screen;
@media screen{ }
@media screen and (min-width:360px) and (max-width:500px) {}
样式引入
移动设备
width [pixel_value | device-width(设备宽度)]
height [pixel_value | device-height(设备高度)]
user-scalable是否允许手动缩放(no||yes)
initial-scale初始比例
minimum-scale允许缩放的最小比例
maximum-scale允许缩放的最大比例
target-densitydpi [dpi_value | device-dpi | high-dpi | medium-dpi | low-dpi]
移动设备
width [pixel_value | device-width(设备宽度)]
height [pixel_value | device-height(设备高度)]
user-scalable是否允许手动缩放(no||yes)
initial-scale初始比例
minimum-scale允许缩放的最小比例
maximum-scale允许缩放的最大比例
target-densitydpi [dpi_value | device-dpi | high-dpi | medium-dpi | low-dpi]