发表于： 2018-12-06 16:06:38
2 768
今天完成的事情：修改了任务8-1，添加上 media.修改部分样式。 下面有预览
明天计划的事情：搞明白媒体查询后，把任务9做完。
遇到的问题：
1、
缩小后轮播图上的按钮移位，明天查找原因
2、HTML里用boostrap， 缩小有它自己的规则，他自带的分成12等分缩小后会随着变化，我手动分的十等分缩小后不变。
收获：
引入媒体查询的方法很多，效果都是一样的
1、link方法引入
<link rel="stylesheet" type="text/css" href="../css/print.css" media="print" />
2、xml方式引入
<?xml-stylesheet rel="stylesheet" media="screen" href="css/style.css" ？>
3、@import方式引入
4、@media引入
@media screen{
选择器{
属性：属性值；
}
}
然后在<head>>/head>中的<style>...</style>中调用
返回列表
评论