在页面rem布局中用到的js代码
在你的页面加入以下代码,就初步搞定了
function fontSize() {
	var view_width = document.getElementsByTagName('html')[0].getBoundingClientRect().width;
	var _html = document.getElementsByTagName('html')[0];
	view_width > 768 ? _html.style.fontSize = 100 * 768 / 375 + 'px' : _html.style.fontSize = view_width * 100 / 375 + 'px';
}
fontSize();
window.onresize = function() {
	fontSize();
}
让一个页面充满屏幕,加入以下代码
var htmlHeigt=window.innerHeight;
var rebate_home=document.getElementsByClassName('rebate_home')[0].clientHeight;
this.offset={
height:(htmlHeigt-rebate_home)+'px',
background:'#eff0f4'
}
this.offset=htmlHeigt>rebate_home?{
height:htmlHeigt+'px'
}:{
height:rebate_home+'px'
}
在页面rem布局中用到的js代码的更多相关文章
- 如何在一个网站或者一个页面,去书写你的JS代码
		
// JavaScript Document //如何在一个网站或者一个页面,去书写你的JS代码: //1.js的分层(功能) : jquery(tools) 组件(ui) 应用(app), mvc( ...
 - 手机页面rem布局
		
手机页面设计一般的大小是640,但是,手机屏幕大小确实不确定的,这样,怎么才能做出适应所有手机的手机页面呢?一般的解决方案有两种,rem布局和百分比布局,更推荐用rem布局来制作手机页面. 首先,给页 ...
 - H5 页面 rem 布局适配方法
		
rem 布局适配方案 主要方法为: 按照设计稿与设备宽度的比例,动态计算并设置 html 根标签的 font-size 大小: css 中,设计稿元素的宽.高.相对位置等取值,按照同等比例换算为 re ...
 - 刷新页面后,让控制台的js代码继续执行
		
在各种限时,秒杀活动中,有个自动循环的点击的工具是很重要的. 为了方便起见,我们把Js代码放在浏览器的控制台执行,但是刷新页面后,js代码就清空了,也就无法执行. 可以用js代码实现一个不受页面刷新影 ...
 - 在div+css中用到的js代码注意return
		
今天做了一个项目,美工做好后放在了form中(没有加runat=server),由于用到了服务器控件,所以这里要加,否则报错,关键一段div代码是: <form id="form_re ...
 - 响应式布局(rem布局),使用JS动态设置fontsize
		
var cw = document.documentElement.clientWidth; if (cw > 1920) { cw = 1920; } document.getElements ...
 - 细说移动端 经典的REM布局 与 新秀VW布局
		
和以往一样,本次项目也放到了 Github 中,欢迎围观 star ~ 1. 前言 2. 基本概念 3. REM布局 4. VW布局 实现单边边框1px 实现多边边框1px 实现边框圆角 实现容器固定 ...
 - 移动端开发rem布局之less+媒体查询布局的原理步骤和心得
		
rem即是以html文件中font-size的大小的倍数rem布局的原理:通过媒体查询设置不同屏幕宽度下的html的font-size大小,然后在css布局时用rem单位取代px,从而实现页面元素大小 ...
 - yii2 如何在页面底部加载css和js
		
作者:白狼 出处:www.manks.top/article/yii2_load_js_css_in_end 本文版权归作者,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接 ...
 
随机推荐
- 《C++标准程序库》-1
			
explicit关键字 这个关键字原则上只对构造函数起作用,抑制阴性转换,例如: class String{ String(int size); //本意是要申请size大小的字符串 }; 如果此时调 ...
 - 昂达v981平板刷机教程连接
			
http://tieba.baidu.com/p/3721193574 http://www.ondabbs.cn/forum.php?mod=viewthread&tid=65393 htt ...
 - 河南省第十一届ACM程序设计竞赛 修路
			
Problem C: 修路 Time Limit: 3 Sec Memory Limit: 128 MBSubmit: 63 Solved: 22[Submit][Status][Web Boar ...
 - 利用JPanel和JLabel设置背景图片
			
//创建面板1,放置背景图片1 JPanel jPanelTop=new JPanel(); jPanelTop.setBounds(,-,,); //x=0,y=-5用来设置面板距离窗体左上角的距离 ...
 - python 根据 数据库创建java 文件
			
#coding=utf-8 import pymysql import os import re # 包全路径 packagepath=r'E:\idea工程\dc-exam\dc-exam\src\ ...
 - tfs强行签入和删除工作区
			
作者:为爱痴狂 原文:http://www.cnblogs.com/splyn/archive/2011/10/31/2230213.html 域用户被网络管理员重建,或者其他用户牵出文档,导致的TF ...
 - 读经典——《CLR via C#》(Jeffrey Richter著) 笔记_引用类型和值类型(二)
			
[引用类型和值类型的区别] //引用类型(由于使用了‘class’) class SomeRef { public Int32 x; } //值类型(由于使用了‘struct’) struct Som ...
 - D - Frogger
			
Freddy Frog is sitting on a stone in the middle of a lake. Suddenly he notices Fiona Frog who is sit ...
 - POJ3368
			
http://poj.org/problem?id=3368 给出一个升序数组和 q 个查询.对每个查询,返回 a b 之间出现次数最多的那个元素的出现次数. 这一类区间查询的问题很容易想到用线段树来 ...
 - 修改阿里云ESC Centos 7.4 防火墙开放端口
			
例如系统:Centos 7.4操作如下 1,进入 cd /etc/firewalld/zones/ 目录 2,编辑 vim public.xml 3,按i或insert键进入编辑模式 4,在<z ...