分享5个viewport相关的jQuery插件

- - ITeye博客

日期：2012-11-16 来源： GBin1.com. 在web和网站开发中我们常常需要处理viewport相关的功能，在前面的文章中我们曾经介绍过 javascript响应式视图（viewport）切换工具类库，今天这里我们再介绍5个和viewport相关的 jQuery插件，希望大家喜欢.

理解SVG的viewport，viewBox，preserveAspectRatio

- - Web前端 - ITeye博客

一个svg，设置了viewBox之后，viewBox的长宽值如果都小于svg的viewport的长宽值，那么结果一定是放大；但是viewBox的长宽值一旦有一个值大于vewport之后，最后的实际效果就不是放大，而是缩小了. 因为viewBox的目的是要自己设置的长宽范围填满viewport.

非响应式设计的viewport

- - 前端观察

整理自： Viewport Meta Tag For Non-Responsive Design. 中文原文：非响应式设计的viewport. 请尊重版权，转载请注明来源，多谢～～. 大家已经非常熟悉响应式网页设计了吧，但是我们通常会忽略很多旧的没有采用响应式设计的网站，其实这类网站在移动终端的用户体验更为关键——因为它们没有对移动设备做任何优化.

WebAPP ViewPort iPhone5 黑边解决方案

- - 大猫の意淫筆記

最好先仔细看一遍苹果官方文档 Configuring the Viewport. 容易被忽略的就是即使 width=640的时候,scale=1是按照device-width而不是按照640的大小. iPhone 的 device-width 等于320,如果我设置 width=640,scale=1.

利用css @viewport 做设备适配

- - 进步博客

在需要调整设备浏览器的viewport时，我们通常在HTML中使用来解决. 但是令人意想不到的是，viewport meta标签并不具有“规范性”，即它不是W3C的正式标准，也非Web标准. Apple公司率先在其iPhone中的Safari浏览器中实现了viewport meta标签，其他浏览器厂商也快速采纳了它.

iPhone/android的viewport 解决网页自动缩放的问题

- - 快乐无极的博客

viewport有如下几个属性：. width设置viewport的宽度，即iphone最初模拟PC浏览器的宽度，之后iphone会这个宽度展现的页面同比缩放到iphone屏幕上. 设置width=device-width后就不会再进行缩放了，因为宽度正好和iphone的宽度相同（前提是没有设置缩放比例）.

[原]WebAPP开发之viewport的深入理解

- - woshiwanxin102213的专栏

平常移动端开发中，页面的head中都会引入下列这句话，那Viewport是什么，理解了这个才能让我们开发的网页更好适配不同的移动设备. Viewport是手机屏幕上能用来显示我们的网页的那一块区域. 但是viewport并不等于浏览器的可视区域. 可以自定义，自定义后，手机按这个尺寸的比例在可视区域缩放.

移动前端开发之viewport的深入理解

- - Web前端 - ITeye博客

转载自：http://www.cnblogs.com/2050/p/3877280.html. 移动前端开发之viewport的深入理解. 在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备.

使用 viewport meta 标签在手机浏览器上控制布局

- - 我爱水煮鱼

手机浏览器是把页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分. 移动版的 Safari 浏览器最新引进了 viewport 这个 meta tag，让网页开发者来控制 viewport 的大小和缩放，其他手机浏览器也基本支持.

国外技术相关优秀网站分享

- - Java译站

最近翻译关注的一些博客和网站，排名不分先后. http://blog.adam-bien.com/ Adam Bien的个人博客，主要是Java&Java EE相关. http://techblog.bozho.net/ Java, Android,WEB相关. http://www.captaindebug.com/ Java, Spring, Weblogic, Oracle, MySQL等.

分享5个viewport相关的jQuery插件

Viewport Selectors for jQuery

jQuery Bullseye – Viewport detection plug-in for jQuery!

jQuery viewportOffset

jQuery.Viewport

相关 [分享 viewport 相关] 推荐：