最近在做响应式布局,遇到了一些跨浏览器兼容性问题。特别是IE11,有时候真的头疼。不过我发现了一种方法,就是使用Viewport单位来解决宽度适配问题。比如:
这样在不同设备上都能很好地显示。同时,记得给IE11加一些前缀,比如:
解决了这些问题,我的响应式布局在各个浏览器上都表现得很稳定。希望对大家也有帮助!
body {
width: 100vw;
}这样在不同设备上都能很好地显示。同时,记得给IE11加一些前缀,比如:
body {
-ms-overflow-style: scrollbar; /* IE 10+ */
}解决了这些问题,我的响应式布局在各个浏览器上都表现得很稳定。希望对大家也有帮助!
登录/注册