前端小问题记录

问题1：ios底部小黑条的兼容

//需按此顺序写css样式
height: calc(70px + constant(safe-area-inset-bottom)); /*兼容 IOS<11.2*/
height: calc(70px + env(safe-area-inset-bottom)); /*兼容 IOS>11.2*/

问题2:H5页面可查看打印信息等

const script = document.createElement('script');
script.type = 'text/javascript';
script.src = '//cdn.jsdelivr.net/npm/eruda';
document.head.appendChild(script);
script.onload = function() {
    eruda.init();
}

问题3:white-space

属性	效果	兼容
normal(默认)	所有空格、回车、制表符都合并成一个空格，文本自动换行	IE7\IE6+
nowrap	所有空格、回车、制表符都合并成一个空格，文本不换行	IE7\IE6+
pre	所有东西原样输出，文本不换行	IE7\IE6+
pre-wrap	所有东西原样输出，文本换行	IE8+
pre-line	所有空格、制表符合并成一个空格，回车不变，文本换行	IE8+
inherit	继承父元素	IE不支持，不推荐用

标签：空格,制表符,script,换行,前端,记录,IE6,问题,文本
来源： https://blog.csdn.net/weixin_50535566/article/details/121283163