viewport 语法介绍：0102width控制 viewport 的大小，可以指定的一个值或者特殊的值，如 device-width 为设备的宽度（单位为缩放为 100% 时的 CSS 的像素）。height和 width 相对应，指定高度。target-densitydpi一个屏幕像素密度是由...
分类：
移动开发 时间：
2015-01-06 11:29:34
阅读次数：
367
<!DOCTYPE?html>
<html>
<head>
????<meta?charset="utf-8">
????<meta?http-equiv="X-UA-Compatible"?content="IE=edge">
????<meta?name="viewport"?content="width=device-width,?initial...
分类：
其他好文 时间：
2015-01-03 07:07:39
阅读次数：
158
一 设置Meta标签首先我们在使用Media的时候需要先设置下面这段代码，来兼容移动设备的展示效果：这段代码的几个参数解释：? width = device-width：宽度等于当前设备的宽度? initial-scale：初始的缩放比例（默认设置为1.0）? minimum-scale：允许用户缩...
分类：
其他好文 时间：
2014-12-28 18:10:43
阅读次数：
208
<head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"><metacontent="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"name="viewport"><metaname="format-detection"content="telephone=no"><metacon..
分类：
Web程序 时间：
2014-12-26 18:57:02
阅读次数：
167
content属性值 : width:可视区域的宽度，值可为数字或关键词device-width height:同width intial-scale:页面首次被显示是可视区域的缩放级别，取值1.0则页面按实际尺寸显示，无任何缩放 maximum-scale=1.0, minimum-sca...
分类：
Web程序 时间：
2014-12-25 17:47:59
阅读次数：
173
一、header信息的设置（自适应） 1、声明信息 2、编码设置 3、移动设备特别设置（重要声明！） Viewport说明：该设置可使我们开发出的页面/产品 大小可适应各种高端移动设备width=device-width 为设备的宽度.user-scalable=no/yes...
分类：
移动开发 时间：
2014-12-16 13:13:32
阅读次数：
148
对应的CSS代码：@media (min-device-width:600px){img[data-src-600px]{ content: attr(data-src-600px,url); }}@media (min-device-width:800px){ img[data-src-80...
分类：
其他好文 时间：
2014-12-11 12:08:05
阅读次数：
139
1. viewport属性说明width使用与设备无关的像素表示所需的视区宽度。它可以是明确的数字（如 240）或最好是相对值，如 device-width。height使用与设备无关的像素表示所需的视区高度。它可以是明确的数字（如 320）或最好是相对值，如 device-height。initi...
分类：
移动开发 时间：
2014-12-08 10:28:31
阅读次数：
147
1.width=device-width //应用程序的宽度和屏幕的宽度是一样的2.height=device-height //应用程序的高度和屏幕的高是一样的3.initial-scale=1.0 //应用程序启动时候的缩放尺度（1.0表示不缩放）4.minimum-scale=1.0 //用户...
分类：
移动开发 时间：
2014-12-06 13:59:57
阅读次数：
244
1、媒体查询，包含将帮助您快速开始自己的多屏幕网站开发的示例。2、前5项功能（width、height、device-width、device-height和orientation）是最有用的。3、为移动电话、平板电脑和桌面计算机提供不同的式样4、添加带有这些设置的视口标签能够确保智能手机和平板电脑...
分类：
其他好文 时间：
2014-11-29 15:55:53
阅读次数：
153
