这段css代码与css响应式布局局代码冲突吗 为什么在页面中不管用呢

来源：蜘蛛抓取(WebSpider) 时间：2016-12-03 07:07 标签： css响应式布局

媒体查询有两种使用方式 一种昰在CSS样式中内嵌“@media”，在同一个CSS中通过不同窗口编写不同的样式去选择 另一种是使用外部样式表的引用， 在@import和link中使用“@media”根据不同的窗口大小选择对应的样式文件。这两种方式的使用方法是一样的Media Queries的使用方法如下所示：

在CSS3中的Media Queries模块中支持对外部样式表的引用， 使用方法类型如下代码：

上面使用中only可省略限定于计算机显示器，第一个条件max-width是指渲染界面最大宽度第二个条件max-device-width是指设备最大宽度。在样式表中内嵌@media的代码示例如下所示：

在上面的示例代码中设置了电脑显示器分辨率（宽度）大于或等于1024px（并且最大可见宽度为989px）；屏宽在480px及其以下手持设备；屏宽在480px以及横向（即480尺寸平行于地面）放置的手持设备；屏宽大于或等于480px小于1024px以及垂直放置设备的css样式。从上面的例子鈳以看出字符间以空格相连，选取条件包含在小括号内样式代码为兼容设置的样式表，包含在中括号里面only（限定某种设备，可省略）and（逻辑与），not（排除某种设备）为逻辑关键字多种设备用逗号分隔，这一点继承了css基本语法

备注:手机打赏，点击打赏按钮-->长按二維码--->点击识别图中二维码就可以支付啦！

感谢您对的支持我会继续努力的！

扫码打赏，你说多少就多少

打开微信扫一扫即可进行扫码咑赏哦

我要回帖

更多关于 css响应式布局 的文章

 

随机推荐