let rootWidth = document.documentElement.clientWidth || document.body.clientWidth;
let rootHeights = document.documentElement.clientHeight || document.body.clientHeight;
let rootDom = document.querySelector('html');
if(rootWidth<440){
rootDom.style.fontSize = rootWidth /10.8 + 'px';
}else {
rootWidth=440
rootDom.style.fontSize = rootWidth /10.8 + 'px';
window.onload = () => {
document.getElementsByTagName("body")[0].style.minHeight = rootHeights+"px";
}
}
http://js.jirengu.com/gusal/3/edit实现移动端和pc端切换使用媒体查询；写两套ht...
步骤1：移动端适配 移动端适配无非就是以下3点： 百分比布局; rem尺寸计算； 媒体查询； 步骤2：rem.js...
CSS-移动端页面（响应式） 媒体查询
说到适配移动端，首先想到的是媒体查询，但得写多个@media查询块，我们可以通过动态设置根元素的font-size...
rem单位是在移动端布局中最常使用的单位通常做法是设置html{font-size：62.5%}，然后使用媒体查询...
媒体查询和的动态REM是响应式页面和移动端的常用技术。 媒体查询的主要方式有： link元素媒体查询 样式表中媒体...
一、移动端web开发 1.1、响应式开发原理 就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同...
1.三种方法 rem、百分比、媒体查询（rem布局一般用于移动端适配；百分比+媒体查询用于移动端适配和PC响应式都...
本博客主要讲移动端页面(响应式)的注意点 "media query"媒体查询 媒体查询是对你的媒体进行某些条件的查...
本文标题：js设置移动端媒体查询
本文链接：https://www.haomeiwen.com/subject/opytlktx.html
网友评论