首先是META标签 <mate name="viewport" content="width=device-width, initial-scale=1"/> 这是一个方法，meta是一个插入标签 名字等于内容名字，宽度等于设备宽度放大倍数默认是一 第二个是百分比布局。 百分比布局上的原理是尽量不要 ...
分类：
其他好文 时间：
2016-08-30 21:13:15
阅读次数：
148
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name = "viewport" content= "width=device-width, initial-scale=1.0, minimum-scale=1. ...
分类：
移动开发 时间：
2016-08-30 10:58:32
阅读次数：
910
<!DOCTYPE HTML><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale= ...
分类：
Web程序 时间：
2016-08-30 10:41:07
阅读次数：
239
1、viewport （1）width 控制viewport的大小，可以指定一个值，如640或者特殊的值；device-width为设备的宽度（单位为缩放为100%的CSS的像素）； （2）initial-scale 初始缩放比例，页面第一次加载时的缩放比例； （3）maximum-scale 允许 ...
分类：
Web程序 时间：
2016-08-29 13:03:33
阅读次数：
176
1.width=device-width //应用程序的宽度和屏幕的宽度是一样的 2.height=device-height //应用程序的高度和屏幕的高是一样的 3.initial-scale=1.0 //应用程序启动时候的缩放尺度（1.0表示不缩放） 4.minimum-scale=1.0 / ...
分类：
其他好文 时间：
2016-08-29 12:34:13
阅读次数：
122
在这次项目中，了解到视口的问题，以下为视口的叙说。 meta的视口设置 为什么使用要设置视口： 定义视口的宽为设备宽，初始缩放为1倍，最大和最小缩放倍数为1，禁止用户缩放<meta name=”viewport” content=”width=device-width, initial-scale= ...
分类：
移动开发 时间：
2016-08-29 01:40:02
阅读次数：
153
做完手机端的一个网页APP的项目了，总体的来说比pc端的那个小巨蛋要简单的多的多，核心的代码就一句： 说明： width – viewport的宽度，支持数值，或特殊字符“device-width”(设备的可见宽) height – viewport的高度 initial-scale – 初始的缩放 ...
分类：
其他好文 时间：
2016-08-29 01:36:42
阅读次数：
149
<meta>的各个属性（移动端） 一.<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" /> na ...
分类：
移动开发 时间：
2016-08-28 20:51:37
阅读次数：
194
HTML页面 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>基本结构</title> <meta name="viewport" content="width=device-width,initial-scal ...
分类：
移动开发 时间：
2016-08-28 18:04:09
阅读次数：
238
代码： 解释： viewport（视口）是计算机或者设备屏幕上你浏览网页的内容宽度。 width=device-width 告诉浏览器以全尺寸渲染页面（不管屏幕尺寸可能是多少），如果没有在viewPort元数据属性中指定设备的宽度，设备将使用它自己默认的视口设置来渲染页面。 initial-scal ...
分类：
Web程序 时间：
2016-08-28 13:43:40
阅读次数：
145
