分享5个viewport相关的jQuery插件

标签: 分享 viewport 相关 | 发表时间:2012-11-16 10:22 | 作者:
出处:http://www.iteye.com

日期:2012-11-16  来源: GBin1.com

在web和网站开发中我们常常需要处理viewport相关的功能,在前面的文章中我们曾经介绍过 javascript响应式视图(viewport)切换工具类库 ,今天这里我们再介绍5个和viewport相关的 jQuery插件 ,希望大家喜欢!

Viewport Selectors for jQuery

这个简单的 jQuery插件 可以快速帮助你检测元素是否处于viewport中。

分享5个viewport相关的jQuery插件

jQuery Bullseye – Viewport detection plug-in for jQuery!

功能丰富的轻量级jQuery插件,帮助你添加进去和离开viewport的方法

分享5个viewport相关的jQuery插件  

Within Viewport

这个 jQuery插件 帮助你判断元素是否处于viewport中。同时允许你指定网站的有效viewport,比如,固定的菜单和导航条。

分享5个viewport相关的jQuery插件  

jQuery viewportOffset

这个 jQuery插件 和jQuery内建的.offset()方法类似,但是计算的是left和top距离viewport的距离而不是document。

分享5个viewport相关的jQuery插件

jQuery.Viewport

非常好用的轻量级 jQuery插件 ,帮助你设置一个元素作为viewport,使用绝对定位来显示元素。

分享5个viewport相关的jQuery插件

来源: 分享5个viewport相关的jQuery插件



已有 0 人发表留言,猛击->> 这里<<-参与讨论


ITeye推荐



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

分享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等.