js移动端自适应动态设置html的fontsize
2024-08-28 23:19:51
JS设计移动端页面时会遇到自适应问题,大多数都知道用rem来设置页面的比例大小,下面就来说几种常见的html中的fontsize设置方法:
1.使用flexible.js插件库。 淘宝就是利用这个来设置的。重点说下第二种方法;
2.以下是比较简介的方法:
$(function(){
initpage();
$(window).resize(function()
{
initpage();
}) function initpage()
{
var view_width = document.getElementsByTagName('html')[0].getBoundingClientRect().width;
var _html = document.getElementsByTagName('html')[0];
view_width>640?_html.style.fontSize=640/16 +'px':_html.style.fontSize =view_width/16+'px';
}
});
最新文章
- PL/SQLDeveloper导入导出Oracle数据库方法
- css定位position认识
- PHP通过串口发短信
- C++ 遇见的一些函数
- telnet 命令使用详解
- Azure 网站的新增功能:可配置的环境变量
- CodeForces 396C 树状数组 + DFS
- Java读书笔记三(字符串)
- epii.js简约而不简单的JS模板引擎
- React Native系列(6) - 编译安卓私有React-Native代码
- BZOJ_4003_[JLOI2015]城池攻占_可并堆
- java 两个List集合各种情况对比处理
- ftp文件共享服务详解
- MYSQL 查看最大连接数和修改最大连接数
- 007-atomic包的原理及分析
- django中表单处理
- dubbo接口FindMemberInfoTest思路整合
- java开发微信模板消息推送
- Qt Creator中如何添加C++0x支持
- js例子记载
热门文章
- sql server编写脚本求解第1天1分钱之后每天两倍持续一个月的等比数列问题
- 初级模拟电路:4-1 BJT交流分析概述
- Pipe——高性能IO(一)
- .net core 中间件使用
- 测试环境部署之填坑记录-Expected one result (or null) to be returned by selectOne(), but found: 2
- 【前端知识体系-NodeJS相关】对NodeJS模块机制的理解
- SQL Server(MSSQLSERVER) 请求失败或服务未及时响应,有关详细信息,请参见事件日志或其他的适用的错误日志。
- Mybatis的逆向工程,自动生成代码(Mapper,xml,bean)
- Linux iotop工具简介
- 迁移文件是报错 django.db.utils.InternalError: (1054, ";Unknown column 'name' in 'django_content_type'";)