首页 > 开发 > CSS > 正文

使用CSS媒体查询创建响应式布局教程

2024-07-11 08:56:34
字体:
来源:转载
供稿:网友

现如今在Web前端领域,BootStrap是一个最流行的UI库,其12列的栅栏系统为响应式布局提供了一种对程序员来说很好操作的模式。

追究Bootstrap的内在原理,其实就是通过媒体查询来完成对不同屏幕大小、不同分辨率、不同设备导致的不同场景下的Css样式的选择。今天我就对媒体查询这一工具或者说方法来进行一个总结。

从 CSS 版本 2 开始,就可以通过媒体类型在 CSS 中获得媒体支持。

1、如何使用媒体查询:

XML/HTML Code复制内容到剪贴板
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表