移动端布局伸缩、设置div高度等比例缩放

仅供学习，转载请注明出处

问题描述

首先写一个移动端布局的div出来看看，示例如下：

随着移动端的屏幕大小，div的布局宽度是设置100%，所以可以跟着变化。但是高度是固定写了10rem的高度，这样是无法随着宽度变化进行等比例变化的。

那么解决这个问题的关键就是，因为高度是使用rem单位设置的，只要随着屏幕的宽度变化，设置html的font-size大小变化，就可以控制高度的变化。

编写JavaScript脚本，控制html的font-size变化

可以看到，随着宽度变化，高度也相应有了变化了。

示例完整代码如下

    
    
    
    
    


    
移动端高度等比例问题

---

2019年全套Java、Android、HTML5前端、Python、大数据视频，价值数万资源大放送

寻找资源的地址如下：

扫描微信公众号

寻找价值数万的视频资源