首页 > 代码库 > 7月22号=》256页-260页
7月22号=》256页-260页
11.4.2 针对浏览器宽度调整布局
下面定义CSS实现页面在浏览器中显示默认样式、页面宽度大于1000px的浏览器
中显示的样式,在页面宽度小于480px的浏览器中显示的样式。
代码示范:
//设置默的样式
xxdefaultCSS{
默认页面打开的xx元素样式。。。
}
//设置当浏览器宽度大于1000px时的CSS样式
@media screen and(min-width:1000px){
Xx元素1{
页面宽度大于1000px的xx元素1样式。。。
}
Xx元素2{
页面宽度大于1000px的xx元素2的样式。。。
}
}
//设置当浏览器宽度小于480px时的CSS样式
@media screen and(max-width:480px){
Xx元素1{
页面宽度小于480px的xx元素1样式。。。
}
Xx元素2{
页面宽度小于480px的xx元素2样式。。。
}
}
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。