网页手机wap2.0网页的head里加入下面这条元标签，在iPhone的浏览器中页面将以原始大小显示，并不允许缩放。 width - viewport的宽度 height - viewport的高度 initial-scale - 初始的缩放比例minimum-scale - 允许用户缩放到的最小比...
分类：
其他好文 时间：
2014-09-15 15:38:39
阅读次数：
228
最近在研究响应式web设计，发现其实这东西其实挺难的，Media Queries和Viewport这两个概念就让人非常头疼，到底是只用其中一种就行，还是两者必须配合起来用，正在困惑的时候，发现了以下这篇文章，虽然没有全懂，但是似乎了解又更近一步了。
前言
现在使用移动设备人越来越多，移动版的Website随之也越来越重要；但是移动端设备的大小不一，屏幕分辨率各不相同，我们不可能为Bla...
分类：
Web程序 时间：
2014-09-11 15:23:12
阅读次数：
280
网页手机wap2.0网页的head里加入下面这条元标签，在iPhone的浏览器中页面将以原始大小显示，并不允许缩放。 width - viewport的宽度 height - viewport的高度 initial-scale - 初始的缩放比例minimum-scale - 允许用户缩放到的最小....
分类：
其他好文 时间：
2014-09-09 15:19:28
阅读次数：
230
width:控制 viewport的大小，可以指定一个值或者特殊的值，如 device-width为设备的宽度（单位为缩放为 100%时的 css 的像素）height:和width相对应，指定高度initial-scale:初始缩放，即页面初始缩放程序，这是一个浮点值，是页面大小的一个乘数，例如，...
分类：
Web程序 时间：
2014-09-07 10:54:54
阅读次数：
157
function orientation_change() { var viewport = document.querySelector('meta[name="viewport"]'); if (window.orientation == 0 || window.orientation ==.....
分类：
Web程序 时间：
2014-09-05 15:44:01
阅读次数：
168
一个svg，设置了viewBox之后，viewBox的长宽值如果都小于svg的viewport的长宽值，那么结果一定是放大；但是viewBox的长宽值一旦有一个值大于vewport之后，最后的实际效果就不是放大，而是缩小了。...
分类：
Web程序 时间：
2014-08-31 08:10:11
阅读次数：
248
viewport表示的是svg可视区大小，具体体现就是svg元素的width和height属性值所圈起来的区域： <svg?width="400"?height="300"?style="border:1px?solid?#cd0000;">
????<rect?x="10"?y="5"?width="20...
分类：
其他好文 时间：
2014-08-28 17:05:01
阅读次数：
278
第一个：禁止用户手动调整缩放。width-viewport的宽度height-viewport的高度initial-scale-初始的缩放比例minimum-scale-允许用户缩放到的最小比例maximum-scale-允许用户缩放到的最大比例user-scalable-用户是否可以手动缩放第二个...
分类：
移动开发 时间：
2014-08-27 10:35:47
阅读次数：
226
一、网页手机wap2.0网页的head里加入下面这条元标签，在iPhone的浏览器中页面将以原始大小显示，并不允许缩放。 <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, max...
分类：
Web程序 时间：
2014-08-26 20:02:47
阅读次数：
263
