无线css一些问题

[hepeguo]

Float: left vs flex

使用到弹性布局的时候尽量使用flex, 而不要使用float: left, with: 33.3%（页面过窄时，会导致换行问题），flex支持Android2.1 ios3.2 需要加-webkit-前缀。

transform：rotate

Android 2.3下 这个属性支持不完善，性能很差。制作箭头时，尽量不要用矩形旋转，直接使用图片。

Calc

Android4.4以上、ios6.0以上才支持这个属性。一般使用这个属性设置动态宽度，所以可以使用flex代替。

换行

在Android2.3文本中的换行，可能会引起乱码问题。

Text-overflow

Android 中会出现“…”位置不对的情况，目前是所有版本Android都不能正确显示，在不复杂的情况下，建议使用js手动处理。

Font-weight: lighter

Ios中文本添加此属性才能显示出和系统一致的细体

[872409]

Font-weight: lighter 这个还真不知道.谢谢!

[qiuge227]

有没有遇到过，移动端，底部固定使用fixed的时候,ios手机在微信打开，就会出现问题。底部会跟着向上滑。这个怎么解决？

[ghost]

我遇到过的是input获取焦点的时候，呼出虚拟键盘。底部会跟着向上走，这个时候将bottom隐藏就好了

[Alihanniba]

input 获取焦点的时候,键盘会直接挡住input啊

[qieguo2016]

input 获取焦点的时候，有些机器弹出的输入法会挡住input，这个怎么解决？ 看了一下是整个viewport都变小了。

[ivonxiao]

input获取焦点后，键盘遮住输入框，调用scrollIntoView滚动为可见。 viewport变小，先前针对iphone上百度浏览器，暂时是把body设置了底部padding值，然后再调用的scrollIntoView