CSS移动端的单位

最新推荐文章于 2024-09-13 19:41:07 发布

原创最新推荐文章于 2024-09-13 19:41:07 发布 · 763 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了CSS在移动端中关于单位的使用，包括visibility和display的区别，以及em和rem单位的详细解释。em单位基于当前元素字体大小，使用时可能需要设置多个font-size。rem单位则以HTML的字体大小为基准，配合JS使用更为便捷。此外，还提及了appcan框架在创建手机应用中的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、定位
绝对定位相对于谁（相对于离他最近的已经定位的父级元素）
二、兼容
1、相对于IE6、7的BFC是那种方法（zoom：1）
2、居中要优先考虑padding，因为lin-height有一些兼容

3、对于隐藏的认识（visibility：hidden 是隐藏并且占位置；display：none 是隐藏不占位置）

4、display：table的用法（相当于table表单）

三、认识em单位
    1、em：以当前元素的字体大小为单位。
    2、使用em比较麻烦因为要设置很多的font-size
四、认识rem单位
    1、rem：以根元素的字体大小为单位，也就是HTML标签的字体大小为单位。
    2、使用rem跟JS结合就比较很方便一般都是以100为基准。
五、appcan
    appcan 是使得写在页面生成手机端应用