移动端问题

一.处理 移动端 1px 被渲染成 2px 问题？

 

1、局部处理

meta 标签中的 viewport 属性 ，initial-scale 设置为 1

rem 按照设计稿标准走，外加利用 transfrome 的 scale(0.5) 缩小一倍即可；

2、全局处理

meta 标签中的 viewport 属性 ，initial-scale 设置为 0.5

rem 按照设计稿标准走即可

 

二.消除 transition 闪屏

.css {
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}

三.css实现单行文本溢出显示 ...

overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;