概念
为不同尺寸的屏幕设定不同的CSS样式
示例代码
演示效果
@media常用参数
属性名称 | 作用 |
---|---|
width、height | 浏览器可视宽度、高度(拖动浏览器宽度有效) |
device-width | 设备屏幕的宽度(电脑显示器屏幕宽度、拖动浏览器宽度时无效) |
device-height | 设备屏幕的高度 |
为不同尺寸的屏幕设定不同的CSS样式
属性名称 | 作用 |
---|---|
width、height | 浏览器可视宽度、高度(拖动浏览器宽度有效) |
device-width | 设备屏幕的宽度(电脑显示器屏幕宽度、拖动浏览器宽度时无效) |
device-height | 设备屏幕的高度 |