-
- 新world 2021-04-26
获取视窗宽度
let htmlWidth = document.documentElement.clientWidth || document.body.clientWidth;
- 0赞 · 0采集
-
- 慕莱坞7063763 2021-02-17
使用js动态改变font-size更好
-
截图0赞 · 0采集
-
- 慕莱坞7063763 2021-02-17
rem与media query结合可达到动态修改font-size的效果
-
截图0赞 · 0采集
-
- 慕村3031190 2019-07-08
用js获取视窗宽度，并据此调整页面字体大小，rem
-
截图1赞 · 1采集
-
- 余影拾光 2019-03-06
获取视窗高度- 0赞 · 0采集
-
- 余影拾光 2019-03-06
<script>
//获取视窗宽度
var htmlWidth = socument.documentElement.clienWidth || documnet.body.clienWidth;
//测试获取宽度
console.log(htmlWidth);
</script>
- 0赞 · 0采集
-
- 慕虎8335733 2019-02-28
1、rem
（1）1rem等于浏览器默认字体的大小，也可以利用ren设置宽、高
（2）通过设置html字体的大小来改变1rem等于多少个px
2、媒体查询来设置字体大小
3、js设置字体大小
（1）获取视窗宽度
document.documentElement.clientWidth || document.body.clientWidth
（2）获取视窗的高度
document.getElementByTagName('html')[0]
- 0赞 · 0采集
-
- idearen 2019-01-20
JS 动态控制页面的 fontsize 大小
这里的 let 相当于 var
如截图所示：页面的 fontsize 大小是 当前视窗宽度的 十分之一 PX
-
截图0赞 · 0采集
-
- idearen 2019-01-20
媒体查询，多条件写法，看截图
-
截图0赞 · 0采集
-
- qq_包子酸菜_03889029 2018-12-17
动态修改REM方法
1、通过js的方法 修改rem的实际值
-
截图1赞 · 0采集
-
- qq_包子酸菜_03889029 2018-12-17
动态修改REM方法
1、通过media-query 修改rem的实际值
-
截图0赞 · 0采集
-
- 小鱼儿被虾吃了 2018-12-11
and条件
-
截图0赞 · 0采集
-
- 慕UI2011250 2018-09-11
动态修改fontsize
-
截图0赞 · 0采集
-
- 梦龙的课堂 2018-07-17
完整的网页步骤：
1，启动自适应浏览器宽度
<meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1″>
2，设置默认rem的字体大小
<html> font-size:16px;</html>
3，设置宽度规则
@media screen and (max-width:320px;) {
/* css */
}
@media screen and (min-width:321px;) {
/* css */
}
- 1赞 · 0采集
-
- EWL 2018-06-12
把媒体查询写完整，就可以避免覆盖的问题
- 0赞 · 0采集
-
- EWL 2018-06-12
如果将max-width:320px和max-width:360px调换顺序则320px的媒体查询就会失去作用，所以不能单纯依赖css样式的顺序去依次覆盖，否则就会有代码维护上的困难
- 0赞 · 0采集
-
- Singles_addtion 2018-05-31
- let=var 在js里面的写法<br />
- 0赞 · 1采集
-
- Singles_addtion 2018-05-31
rem 与html的像素大小设置有直接关系。
- 0赞 · 0采集
-
- qq_Patience_3 2018-05-30
- 媒体查询的方式动态改变根元素的font-size
-
截图0赞 · 0采集
-
- qq_Patience_3 2018-05-30
- 通过js计算font-size
-
截图0赞 · 0采集
-
- 慕瓜8633316 2018-05-16
max-height =小于 就 执行下面代码
-
截图0赞 · 0采集
-
- qq_你好哇壁花小姐_0 2018-04-21
设置rem 的 font-size
- 0赞 · 0采集
-
- 旅行的癞蛤蟆 2018-04-13
动态的修改rem方法：
使用媒体查询
使用脚本设置：
//获取视窗的宽度
let htmlWidth = document.documentElement.clientWidth || document.body.ClientWidth;
//获取视窗对象
let htmlDom = document.getElementsByTagName("html")[0];
//设置视窗默认的font-size
htmlDom.style.fontSize = htmlWidth / 10 + "px"；
- 0赞 · 0采集
-
- qq_努力努力再努力_22 2018-04-07
js设置font-size --rem
-
截图0赞 · 0采集
-
- qq_云水边静沐暖阳_04205942 2018-02-27
- 根据屏幕宽度变化动态设置html的font-size： var htmlWidth=document.documentElement.clientWidth || document.body.clientWidth;//获取视窗宽度 var htmlDom=document.getElementsByTagName('html')[0]; //获取html,以便对其进行操作 htmlDom.style.fontSize=htmlWidth/10+'px';//html的font-size是屏幕宽度的十分之一
-
截图0赞 · 0采集
-
- DoNotChangeName 2018-02-26
- let htmlWidth = document.documentElement.clientWidth || document.body.clientWidth; //获取视窗宽度
- 1赞 · 0采集
-
- 慕设计2488940 2018-02-23
- 获取视窗口宽度 let htmlWidth=document.documentElement.clientWidth||document.body.clientWith
-
截图0赞 · 0采集
-
- 基德大人1412 2018-02-20
- 兼容方式
-
截图0赞 · 0采集
-
- 乒小妮3476199 2018-02-12
- 根据屏幕设计页面字体大小
-
截图0赞 · 0采集
-
- sunlj01 2018-01-31
- 获取视窗宽度： let htmlWidth = document.documentElement.clientWidth || document.body.clientWidth;
- 0赞 · 0采集
