发帖
雷达卡
自适应网页设计
在网页设计的头部，加入一行viewport元标签CSS定义样式表的四种方式：
<meta name="viewport" content="initia-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=yes, width=device-width" />
这里的属性定义了初始缩放比例、最大最小缩放比例、用户是否可以调整缩放比例等。
- 直接在标记里，使用style属性，即<div style="width:100px; height:auto"></div>
- 定义内部样式：在html文档内，对整个<head>或<body>设置样式
<style type="text/css">
选择符1{样式属性：属性值；样式属性：属性值....}
选择符2....
.....
</style>
这里的选择符如： .p1{font-size:22px; color:blue} 则可以在标记中，通过使用class属性来使用
- 嵌入外部样式表：直接导入样式表的方法，即在上面的选择符区域，直接用 @import url("test.css");
<style type="text/css">
@import url("test.css");
</style>
- 链接外部样式表
京公网安备 11010802022788号
