移动端
前端小布丁
这个作者很懒,什么都没留下…
展开
-
移动端rem和em
rem rem和em基本类似区别点在于em相对自身父级的字体大小 rem相对html的字体大小 rem:root-em跟元素的值,html的字体大小不管元素在哪都会去找根元素字体大小 em em是一个相对的距离单位,相对父级的字体大小(font-size) 1em = =父级的1font-size em是一个相对单位em通过自身父级的字体大小,转化px 公式:实际大小px = = 1em父级字体的...原创 2020-02-07 11:59:19 · 157 阅读 · 0 评论 -
移动端
移动端适配 IE(怪异)合模型:设置宽高后,占地面积就不会发生改变,增加padding后会压缩内容区域的大小,开启怪异合模型:box-sizing:border-box; 标准合模型:宽高只是设置内容区域的大小,设置padding后总的占地面积会发生改变。 弹性盒子 弹性盒子:是css3中新的布局模式,又叫收缩合模型,开启弹性盒子display:flex; 容器默认存在两根轴:水平轴main ax...原创 2020-02-06 20:56:26 · 116 阅读 · 0 评论 -
移动端—响应式布局
移动端开发的两种主流方案之一:响应式布局兼容 (1)内容没有受到(屏幕宽度)明显影响时,自适应宽高即可 (2)内容受到明显的影响时,改变布局,来保证内容的清晰 响应式布局:用于解决不同浏览器,不同分辨率及不同设备的不同显示效果 优点: 1)面对不同分辨率的设备灵活性很强 2)能够快捷的解决多设备显示适应的问题 缺点: 1)兼容各种设备工作量大,效率低,页面加载时间长 2)一定的程度上,会改变网站原...原创 2020-02-07 10:58:55 · 307 阅读 · 0 评论