Skip to content

无线css一些问题 #10

@hepeguo

Description

@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中文本添加此属性才能显示出和系统一致的细体

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions