涉及到网页开发历史遗留问题，最开始的手机浏览器网页是直接访问电脑网页或访问专门为诺基亚手机开发的WAP页面，对于电脑网页由于手机分辨率太低，浏览器会使用缩放页面的方式来展示原页面，这个也是为什么在手机页面上直接使用document.documentElement.clientWidth获取到的值为 980（之所以是这个值也是因为国外做过调查，那个时候的网页一般宽度都在980px左右
），所以为了避免浏览器的自动缩放，需要在手机端的<head>内添加一行以下代码：
<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum=1.0,minimum=1.0" />
目录 | 响应式布局简介 | Bootstrap 前端开发框架 简介 基础使用 布局容器 -------------------- | 响应式布局简介 目标
1.0 响应式开发原理 1.1 响应式开发原理 就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。 设备的划分情况： 小于768的为超
![68e3c89caf86c0cf604a13b7d4d46cb3.png][] 英文 | https://javascript.plainenglish.io/25-mo
![68e3c89caf86c0cf604a13b7d4d46cb3.png][] 英文 | https://javascript.plainenglish.io/25-mo
[![7fa0c994-8511-4918-96ad-8b020282fc09.jpg][]][7fa0c994-8511-4918-96ad-8b020282fc09.jpg
说明：本文提及的所有观点和代码，均基于Hadoop 2.5.0-cdh5.2.0环境。 1. WritableComparable和WritableComparator的区别
1. CSS样式统一问题 我们需要重置页面样式，因为在不同的手机浏览器上，默认的css样式不是统一的。 解决方法：添加一个reset.css库， 链接地址： 2.
1. 添加禁止浏览器主动缩放功能 涉及到网页开发历史遗留问题，最开始的手机浏览器网页是直接访问电脑网页或访问专门为诺基亚手机开发的WAP页面，对于电脑网页由于手机分辨率太
![1728943-20190630173037887-2136232564.png][] 
ゞ 浴缸里的玫瑰
水深无声
我会带着你远行
灰太狼
还没有评论，来说两句吧...