这位网友你好，这是媒体查询代码，表示只有在屏幕尺寸小于639像素的时候才会应用下面的样式。如果想要在手机端自适应，你还需要写上下面这句话。
@media only screenweb开发不同分辨率下的字体显示规范 @media only screen and (min-width: 320px){ html { font-size: 75%!important; } } @media only screen and (min-width: 360px) and (max-width: 374px){ html { font-size: 84%!important; } } @media only screen and (min-width: 375...
@media screen and (min-width: 960px) and (max-width: 1199px) { #page{ width: 960px; }#content,.div1{width: 650px;}#secondary{width:250px}select{max-width:200px} } 880分辨率(大于768px,小于959px) @media screen and (min-width: 768px) and (max-width: 959px) { #page{ width:...
@media only screen and (min-width: 480px) and (max-width: 767px){ #page{ width: 450px; }#content,.div1{width: 420px;position: relative; }#secondary{display:none}#access{width: 450px; }#access a {padding-right:5px}#access a img{display:none}#rss{display:none}#branding #s{displ...
only关键字 only 用来定某种特定的媒体类型,可以用来排除不支持媒体查询的浏览器。其实only很多时候是用来对那些不支持Media Query但却支持Media Type的设备隐藏样式表的。其主要有:支持媒体特性(Media Queries)的设备,正常调用样式,此时就当only不存在;对于不支持媒体特性(Media...
screen是媒体类型里的一种,CSS2.1定义了10种媒体类型 and被称为关键字,其他关键字还包括not(排除某种设备),only(限定某种设备) (min-width: 400px)就是媒体特性,其被放置在一对圆括号中。 1 意思是当屏幕的宽度大于600小于800时,应用styleB.css
二、媒体类型引用方法：link标签，xml方式，@import和css3新增的@media四种
and 就是和某种定制的屏幕宽度下; not 关键字是用来排除某种指定的媒体类型; only 用来定某种特定的媒体类型。 media feature 括号内的它就是用来指定分辨率的。写法如下: @media only screen and (max-width: 500px) { } 代码块 预览复制 它的意思就是当浏览器的可视区域小于 500px 时候使用 {} 内的规则,...
@media only screen and (min-width: 480px) and (max-width: 767px){ } 1. 440分辨率以下(小于479px) @media only screen and (max-width: 479px) { } 1. 实例 小于300时变蓝色 @media only screen and (max-width: 300px) { p { background-color: blue; }} ...
@media only screen and (min-width: 480px) and (max-width: 767px){ #page{ width: 450px; }#content,.div1{width: 420px;position: relative; }#secondary{display:none}#access{width: 450px; }#access a {padding-right:5px}#access a img{display:none}#rss{display:none}#branding #s{displ...