移动端问题整理

1、按钮点击后会闪一下,增加样式:

-webkit-tap-highlight-color:transparent;

2、适配刘海屏

bottom: 10px;
bottom: calc(constant(safe-area-inset-bottom) + 10px);
bottom: calc(env(safe-area-inset-bottom) + 10px);

3、scss语法 动态给设定高度

$oneHundredPercent: 100vh;
.container {
  min-height: calc(#{$oneHundredPercent} + 54px);
}

你可能感兴趣的:(web前端,javascript,java)