做项目的时候使用CSS媒体查询后,IE下网站首页会有部分样式失效,打开调试工具则恢复正常,于是放弃在样式表中进行媒体查询,改用JS实现媒体查询,想识别当前屏幕宽度打印出对应信息,但通过JQ获取元素,无论放在Vue构造中还是外面,得到的都是undefined,这个要研究下
后来通过新建样式表,在link中进行媒体查询,解决了问题
bootstrap的container容器在不同宽度屏幕有不同宽度
@media (min- 1200px)
.container {
1170px;
}
@media (min- 992px)
.container {
970px;
}
@media (min- 768px)
.container {
750px;
}
设置100%;可让container占满屏宽