通过viewport来适配

<script>

(function(){

　　var w=window.screen.width;

　　console.log(w);//获取屏幕尺寸

　　var targetW=320;//之后所有的都是按照320来做

　　var scale=w/targetW;//缩放值:当前尺寸/目标尺寸

　　var meta=document.createElement("meta");

　　meta.name="viewport";

　　meta.content="user-scalable=no,initial-scale="+scale+",minimum-scale="+scale+",maximum-scale="+scale+""

　　document.head.appendChild(meta);

})()

</script>

<!--

<meta  name="viewport" content="user-scalable=no,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0">

-->

<style>

　　div{

　　　　width:80px;

　　　　height:100px;

　　　　float:left;

　　　　border:1px solid #000;

　　　　box-sizing:border-box;

　　}

</style>

<div></div>

<div></div>

<div></div>

<div></div>

最新文章

1. Java中的BoneCP数据库连接池用法
2. 无法启动xwindow
3. MySql之安装配置
4. n枚硬币问题(找假币)
5. 分析循环 Analysis of Loops-------geeksforgeeks 翻译
6. Android 可拖动列表项的ListView
7. Python的基本配置
8. COJ 0017 20604悲剧文本
9. [置顶] IT老男人读《因为痛，所以叫青春》
10. 学习笔记——原型模式Prototype
11. 【2017-03-09】SQL Server 数据库基础、四种约束
12. 初探linux子系统集之timer子系统(一)
13. 如何实现织梦dedecms表单提交时发送邮箱功能【已解决】
14. iOS 库操作
15. 将Promise融会贯通之路
16. [svc]glusterfs的简单部署
17. P1622 释放囚犯
18. leetcode-algorithms-34 Find First and Last Position of Element in Sorted Array
19. mysql5.5 for linux　安装(转)
20. INSTALL_FAILED_MISSING_SHARED_LIBRARY

热门文章

1. Angular2 内置指令 NgFor 和 NgIf 详解
2. leetcode-796-Rotate String
3. Netty 5 获取客户端IP（非HTTP）
4. 主流服务器虚拟化技术简单使用——Xen（二）
5. C++模(m&#250; )板秘籍
6. selenium 之Ran 0 tests in 0.000s
7. Centos6.5上安装sonarqube6.7.6
8. vim安装与配置
9. sql 查询目标数据库中所有的表以其关键信息
10. dubbo序列化hibernate.LazyInitializationException could not initialize proxy - no Session懒加载异常的解决