手机网页中用来自适应或者计算网页中文字大小的方法
- 3456
- jQuery
- 6
- super_dodo
- 2015/03/03
为了能够更好的适应适配网站,手机版本、pad版本以及电脑版本的不同分辨率。建议大家尽可能的使用em为字体大小的单位。但是遇到特殊情况下可以使用下面的方面进行计算适配文字的大小。
该方法需要放在head之间,该方法主要就是判断屏幕的分辨率进行对字体的大小分计算。直接上代码:
<script type="text/javascript"> //html root的字体计算应该放在最前面,这样计算就不会有误差了/ (function(){ var clientWidth = document.documentElement ? document.documentElement.clientWidth : document.body.clientWidth; if(clientWidth > 640) clientWidth = 640; document.documentElement.style.fontSize = clientWidth * 1/16+"px"; })(); </script>
陈旧的思想和方法可能会扼杀创新,请不要把孩子和洗澡水一起倒掉。
相关阅读
- 通过Google API客户端访问Google Play帐户报告PHP库
- PHP执行文件的压缩和解压缩方法
- 消息中间件MQ与RabbitMQ面试题
- 如何搭建一个拖垮公司的技术架构?
- Yii2中ElasticSearch的使用示例
热门文章
- 通过Google API客户端访问Google Play帐户报告PHP库
- PHP执行文件的压缩和解压缩方法
- 消息中间件MQ与RabbitMQ面试题
- 如何搭建一个拖垮公司的技术架构?
- Yii2中ElasticSearch的使用示例
最新文章
- 通过Google API客户端访问Google Play帐户报告PHP库
- PHP执行文件的压缩和解压缩方法
- 消息中间件MQ与RabbitMQ面试题
- 如何搭建一个拖垮公司的技术架构?
- Yii2中ElasticSearch的使用示例