meta篇1.视窗宽度其中width=device-width是设置视窗宽度为设备视窗宽度，还可以固定宽度，例如：width=640则是640px的宽度（常见于微信）；initial-scale=1.0：设置缩放比例为1.0；minimum-scale=1.0和maximum-scale=1.0：最...
分类：
移动开发 时间：
2015-12-25 23:46:07
阅读次数：
248
Q1：手机端开发网页，界面适应问题。A1：<metaname="viewport"content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"/>width-viewport的宽度height-viewport的高度initial-scale-初始的缩放比例minimum-scale-允许用户缩放到的最小比例max..
分类：
移动开发 时间：
2015-12-24 16:37:06
阅读次数：
176
在响应式设计或移动Web开发当中经常见到的一句代码：content属性还包括initial-scale，user-scalable等，不过这里不谈，它们的意思都很容易理解。这里要谈得是：viewport代表什么？device-width又是啥？先来理解两个概念：device pixels与CSS p...
分类：
其他好文 时间：
2015-12-21 00:12:59
阅读次数：
237
1、(宽度自适应)：在网页代码的头部，加入一行viewport元标签。 viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1）为1.0，即网页初始大小占屏幕面积的100%。2、(字...
分类：
Web程序 时间：
2015-12-19 13:38:51
阅读次数：
158
一、BootStrap简介BootStrap不支持IE的兼容模式，加入平时使用的移动浏览器是放在虚拟视口viewport中，虚拟视口比屏幕宽，会破坏没有针对移动浏览器的布局，viewport可以让开发者控制网页的大小和缩放，width=device-width让宽度等于设备的宽度，初始缩放比例为1也...
分类：
其他好文 时间：
2015-12-18 09:05:01
阅读次数：
236
如题，这种方式做的移动Web页面，设计稿通常是按照960*640的规格进行设计，再开发的时候，通常会把里面量到的尺寸缩小一半再开发。<metaname=”viewport”content=”width=device-width,initial-scale=1,maximum-scale=1″>那既然要缩小一半再开发，为什么不直接设置widt..
分类：
移动开发 时间：
2015-12-17 13:07:07
阅读次数：
3650
这是一些移动端开发的备忘记录。 元素 width：宽度（数值 / device-width）（范围从200 到10,000，默认为980 像素） height：高度（数值 / device-height）（范围从223 到10,000） initial-scale：初始的缩放比例 （范围从>0...
分类：
移动开发 时间：
2015-12-03 21:12:55
阅读次数：
163
在网页自适应设计中，max-device-width和max-width是不可缺少的两大CSS属性，但是可能大家在使用的选择上没有太多讲究，认为用其中一个即可。确实，如果没有特定要求，用任何一个都没有什么问题，不过如果你对此两个属性有了充分的认识之后，你或许把网页的自适应设计得更为极致一些。max-...
分类：
其他好文 时间：
2015-12-03 13:23:59
阅读次数：
172
1允许网页宽度自动调整“自适应网页设计”到底是怎么做到的？其实并不难。首先，在网页代码的头部，加入一行viewport元标签。viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1）...
分类：
移动开发 时间：
2015-11-25 06:38:06
阅读次数：
160
什么是Viewport?viewport是用户网页的可视区域，翻译为中文可以叫做"视区"。设置Viewport一个常用的针对移动网页优化过的页面的Viewport meta设置如下： width:控制Viewport大小，可以指定的一个值，例如：600或一个特殊的值，如 device-width 为...
分类：
Web程序 时间：
2015-11-22 12:37:56
阅读次数：
143
