提供Discuz ,ECShop ,PHPCMS ,帝国CMS ,CSS教程 ,PHP教程 ,DedeCMS ,WordPress ,HTML教程等cms问题查询.
当前位置: CSS教程 > css @media属性怎样用【css教程】,css @media属性

css @media属性定义和运用

运用 @media 查询,能够针对差别的媒体范例定义差别的款式。

@media能够针对差别的屏幕尺寸设置差别的款式,特别是假如须要设置设想相应式的页面,@media 黑白常有效的。

当你重置浏览器大小的过程当中,页面也会依据浏览器的宽度和高度从新衬着页面。

实例

假如文档宽度小于 300 像素则修正背景色彩(background-color)

@media screen and (max-width: 300px) {
    body {
        background-color:lightblue;
    }
}

语法

@media mediatype and|not|only (media feature) {
    CSS-Code;
}

也能够针对差别的媒体运用差别 stylesheets

<link rel="stylesheet" media="mediatype and|not|only (media feature)" href="mystylesheet.css">

媒体范例

以上就是css @media属性怎样用的细致内容,更多请关注ki4网别的相干文章!

「梦想一旦被付诸行动,就会变得神圣,如果觉得我的文章对您有用,请帮助本站成长」

分享到:
赞(0) 打赏

支付宝扫一扫打赏

微信扫一扫打赏

标签:

上一篇:

下一篇:

相关推荐

0 条评论关于"css @media属性怎样用【css教程】,css @media属性"

最新评论

    暂无留言哦~~

博客简介

看古风美女插画Cos小姐姐,素材合集图集打包下载:炫龙网,好看二次元插画应有尽有,唯美小姐姐等你来。

友情链接

他们同样是一群网虫,却不是每天泡在网上游走在淘宝和网游之间、刷着本来就快要透支的信用卡。他们或许没有踏出国门一步,但同学却不局限在一国一校,而是遍及全球!申请交换友链

服务热线:
 

 QQ在线交流

 旺旺在线