html动态改变文字大小，适配移动端大小

在页面最上部添加script标签，内部写入下面代码即可
1rem = 多少像素，根据个人项目来设置，我的是按20px = 1rem
适配移动端时需加上该代码
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

// 进入页面时获取对应大小<script type="text/javascript">// 进入页面时获取对应大小document.documentElement.style.fontSize = document.documentElement.clientWidth * 20 / 375 + 'px';console.log(document.documentElement.style.fontSize)$(window).resize(function() { //当浏览器大小变化时跟随变化document.documentElement.style.fontSize = document.documentElement.clientWidth * 20 / 375 + 'px';console.log(document.documentElement.style.fontSize)});</script>

html动态改变文字大小，适配移动端大小相关推荐

uniapp开发微信小程序，多行文本换行，动态改变文字区域宽度
需求:商品标题部分超出两行显示- 且当点击编辑显示选择按钮后,文字区域宽度变小后,文字不能溢出. 如图: HTML代码  <view class="g ...
Android之Menu动态改变文字
Menu创建: @Override//这里遇到一个问题add的是MenuItem的idpublic boolean onCreateOptionsMenu(Menu menu) {// TODO Au ...
android 动态改变文字,android – 如何动态设置文本到TextView？
我想在活动开始时显示连接的ssid和ip地址.它包含一个图像视图(用于标题,因为我没有使用操作栏)和4个文本视图(ssid标签,ssid值,ipaddr标签和ipaddr值) 我已经测试了获取ssid ...
java中的pane,Java中scroll pane的使用（一）– 动态改变其client的大小 | 学步园
动态改变scroll pane的client的大小,并达到其滚动条出现当client超出我们设定的view port大小时. package com.han; import java.awt.Bord ...
移动端页面制作字号大小设定问题,设计稿文字字号规范,解决移动端大小屏适配问题
移动端页面制作字号大小设定问题,设计稿文字字号规范,解决移动端大小屏适配问题参考文章: (1)移动端页面制作字号大小设定问题,设计稿文字字号规范,解决移动端大小屏适配问题 (2)https://ww ...
移动端-动态改变字体大小
// 动态改变字体大小 function setRem() {var ui_w = 375;// 获取屏幕的宽度var clientWidth = document.documentElement.c ...
js页面自适应屏幕大小_Web页面适配移动端方案研究
源宝导读:由于我们ERP目前大都是在在PC上面运行,大家现在关注移动端比较少,谈到移动端适配时,可能都有些生疏也可能比较好奇.以前做过一些移动端的little项目,那么借助这次分享的机会,和大家一起讨 ...
java 月份适配计算_js+rem动态计算font-size的大小适配各种手机设备
需求:在不同的移动终端设备中实现,UI设计稿的等比例适配. 方案:使用js动态改变html的字体大小font-size+rem的特性,来保证最初的设计图中每个元素的尺寸比例不变,以适用于不同尺寸的设备 ...
js动态设置文字大小
js动态设置文字大小 <script>function setRem() {var ui_w = 375;// 获取屏幕的宽度var clientWidth = document.docu ...

html动态改变文字大小，适配移动端大小

html动态改变文字大小，适配移动端大小相关推荐

最新文章

热门文章