1. viewport：也就是可视区域。对于桌面浏览器，我们都很清楚viewport是什么，就是出去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域，这是真正有效的区域。由于移动设备屏幕宽度不同于传统web,因此我们需要改变viewport;实际上我们可以操作的属性有4 个：代码如下:width...
分类：
移动开发 时间：
2015-05-27 06:15:10
阅读次数：
192
1、viewport的写法宽度设为设备宽度（手机屏幕宽度），默认缩放比例设为不缩放，用户是否可手动缩放设为“否”2、device-width具体是什么呢？第一代iphone的时候，分辨率为320*480，屏幕尺寸为3.5寸（注意，这个3.5寸说的是屏幕的对角线宽），这时候device-width就是...
分类：
移动开发 时间：
2015-05-26 21:10:21
阅读次数：
197
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" hr...
分类：
Web程序 时间：
2015-05-26 16:39:35
阅读次数：
286
第一：第二：参考：移动前端开发之viewport的深入理解.http://www.cnblogs.com/2050/p/3877280.htmlviewport工具.http://viewportsizes.com/移动web开发，文字是否有必要根据分辨率调整文字大小？http://www.itno...
分类：
移动开发 时间：
2015-05-24 12:42:56
阅读次数：
157
一.允许网页宽度自动调整： "自适应网页设计"到底是怎么做到的？其实并不难。 首先，在网页代码的头部，加入一行viewport元标签。viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scal...
分类：
移动开发 时间：
2015-05-23 09:58:32
阅读次数：
113
最近在看奇舞团新书>，心得如下： 在WEB的响应式设计出来之前，如果直接在手机设备上显示针对PC端的网站，因为屏幕的分辨率很小，往往出现的是横纵方向的滚动条，而且字体很小。为了更好的显示效果，就需要将网站针对小屏幕做出相应的适配。 布局视口：在移动端浏览器，网站所展现的界面宽度、样式； 视...
分类：
移动开发 时间：
2015-05-18 12:36:44
阅读次数：
123
initial-scale初始缩放。即页面初始缩放程度。这是一个浮点值，是页面大小的一个乘数。例如，如果你设置初始缩放为“1.0”，那么，web页面在展现的时候就会以target density分辨率的1:1来展现。如果你设置为“2.0”，那么这个页面就会放大为2倍。maximum-scale最大....
分类：
其他好文 时间：
2015-05-18 12:30:25
阅读次数：
128
content属性值 : width:可视区域的宽度，值可为数字或关键词device-width height:同width intial-scale:页面首次被显示是可视区域的缩放级别，取值1.0则页面按实际尺寸显示，无任何缩放 maximum-scale=1.0, minimum-sca...
分类：
移动开发 时间：
2015-05-17 23:21:11
阅读次数：
181
Viewport Viewport 代表整个浏览器窗口，直接渲染到document.body节点，取代页面中的所有内容。一般作为应用程序主界面. 随着浏览器显示区域的大小自动改变，一个页面中只能有一个ViewPort实例。Ext.onReady(function(){ n...
1.适应各种屏幕
首先要想到width是不能定义的，一旦定义稍微小一点的屏幕就不会显示。
meta id="myviewport" name="viewport" content="width=1024,user-scalable=yes"/>
这句话最主要的就是user-scalable=yes（用户可扩展yes）
写上这句话 就可以随意切换屏幕的大小 并且还不会出现乱糟糟...
分类：
Web程序 时间：
2015-05-14 12:02:06
阅读次数：
163
