IE兼容

Posted 2021-01-17 grani

做项目的时候使用CSS媒体查询后，IE下网站首页会有部分样式失效，打开调试工具则恢复正常，于是放弃在样式表中进行媒体查询，改用JS实现媒体查询，能识别当前屏幕宽度打印出对应信息，但通过JQ获取元素，无论放在Vue构造中还是外面，得到的都是undefined，这个要研究下
后来通过新建样式表，在link中进行媒体查询，解决了问题

bootstrap的container容器在不同宽度屏幕有不同宽度

@media (min-width: 1200px)
.container {
width: 1170px;
}
@media (min-width: 992px)
.container {
width: 970px;
}
@media (min-width: 768px)
.container {
width: 750px;
}