您的位置:首页 > Web前端 > CSS

CSS3响应式布局

2015-08-05 23:15 645 查看


外式样式表:

1.定义外式样式表:

当视口宽度小于480px时,则引入这个css样式

<link type="text/css" rel = "stylesheet" href="link.css"
media = "only screen and (max-width:480px)"
/>


2.内联样式定义

当视口宽度大于480px时,则使用这个样式

<style>
@media screen and (min-width:480px){
body{
color:red;
}
}

</style>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: