缩放移动布局比例,设置div高度,等等

作者:梦兮      发布时间:2021-04-23      浏览量:0
问题描述首先为移动布局编写一个div。示

问题描述

首先为移动布局编写一个div。示例如下:

在移动屏幕大小下,div的布局宽度设置为100%,因此可以更改。然而,高度是固定的,写高度的10雷姆,所以是不可能改变相同的比例变化的宽度变化。

解决此问题的关键是,由于高度是以rem单元设置的,所以只要将html的字体大小设置为屏幕的宽度,就可以控制高度的变化。

编写一个JavaScript脚本来控制html的字体大小变化。

您可以看到,随着宽度的变化,高度也随之变化。

示例完整代码如下

<!DOCTYPE html>文档

<移动“box1”>

查找成千上万的视频资源