`

【简报】超棒的javascript响应式视图（viewport）切换工具类库

响应式responsiveresponsive designresponsive layout 
阅读更多

日期：2012-10-2  来源：GBin1.com

超棒的响应式视图（viewport）切换工具javascript工具

ReView 是一个动态的viewport系统，能够帮助你设计更灵活的响应式 视图选择方式，可能大家有的时候不希望网站布局在不同的设备上的显示不同的布局结构，这个时候viewport就可以派上用场了。

Review 是一个纯javascript实现的类库，针对每一个session提供单独的持久viewport信息。更少的请求使得它要求更少的带宽。支持插件式的 扩展，并且可以支持自定义viewportChange事件。 相信如果你需要开发定制更灵活的响应式设计网站布局的话，它肯定能够成为你的一大利器。

...........

来源：【简报】超棒的javascript响应式视图（viewport）切换工具类库

分享到：
| 【简报】帮助开发人员在线了解CSS Filter特 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    viewport响应式模板

    viewport响应式模板

    viewportSize, 使用JavaScript获取 CSS viewport的大小.zip

    viewportSize, 使用JavaScript获取 CSS viewport的大小 viewportSize允许你使用JavaScript获取 CSS viewport的宽度和高度。作者：Tyson Matanich http://matanich.com 。许可证：MIT演示：http://matanich

    javascript实现tab响应式切换特效

    本文实例讲解了tab响应式切换效果，利用js对样式进行动态切换即可。 多的不说，请看代码 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name...

    【JavaScript源代码】JavaScript实现简易tab栏切换内容栏.docx

    JavaScript实现简易tab栏切换内容栏 　本文实例为大家分享了JavaScript实现简易tab栏切换内容栏的具体代码，供大家参考，具体内容如下　html+css部分　<!DOCTYPE html>　　<html lang="en">　　<head>　　 ...

    Viewport Auto-Snap

    3D视图自动切换捕捉脚本 Viewport Auto-Snap

    ember-in-viewport, 在 viewport @ 60FPS，检测Ember视图或者组件是否为.zip

    ember-in-viewport, 在 viewport @ 60FPS，检测Ember视图或者组件是否为 ember-in-viewport检测Ember视图或者组件是否位于 viewport @ 60 FPS 。美国船厂建立和维护收费 ，请与我们联系，咨询专家 Ember.js 。读取 ...

    响应式 Web 设计 – Viewport

    响应式 Web 设计 – Viewport 什么是 Viewport? viewport 是用户网页的可视区域。 viewport 翻译为中文可以叫做”视区”。 手机浏览器是把页面放在一个虚拟的”窗口”（viewport）中，通常这个虚拟的”窗口”...

    jQuery轻量级跨平台响应式导航菜单插件Trunk.js源码.zip

    jQuery轻量级跨平台响应式导航菜单插件Trunk.js是一款非常实用的实现轻量级响应式跨平台的jQuery导航菜单插件的代码。该插件会根据viewport的大小来重置导航菜单。在大屏幕设备中，导航菜单以常规的水平菜单展示，在...

    易优cms响应式网站模板,EyouCMS网络科技公司网站模板

    易优EyouCMS模板，响应式互联网类企业网站模板，适用于科技公司、网络公司，模板自带eyoucms内核，无需再下载eyou系统，原创设计、手工书写DIV+CSS，完美兼容IE7+、Firefox、Chrome、360等各大主流浏览器；...

    像素密度与CSS3的viewport在移动端Web响应式布局中的运用

    viewport是CSS3中调整缩放的利器,特别适用于移动端Web界面的操作与布局,接下来我们就来详解像素密度与CSS3的viewport在移动端web响应式布局中的运用.

    16个帮助你高效测试响应式设计界面的工具

    响应式的设计现在越来越受设计师推崇，面对这越来越多的响应式设计页面，我们需要找到高效的测试工具来验证设计的合理和正确，在今天这篇文章中，我们将介绍16款帮助你在线测试响应式页面设计的工具，希望大家喜欢！...

    html meta viewport属性说明

    什么是Viewport 手机浏览器是把页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewport）比屏幕宽，这样就不用把每个网页挤 到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局）...

    jQuery同时兼容电脑手机端的swiper响应式图片轮播代码.zip

    <!... <... <head> ...meta charset="UTF-8">...同时兼容电脑手机端的swiper响应式图片轮播... 一款jQuery同时兼容电脑手机端的swiper响应式图片轮播代码，基于swiper的自适应网站焦点图轮播效果。支持按钮控制切换。

    移动端适配+响应式开发参考代码

    meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" > 这段js的传入两个参数:一个为设计稿实际宽度，一个为显示的最大宽度（允许的屏幕最大宽度，用来...

    简要总结CSS编程中的响应式设计

    现在，响应式Web设计无疑是非常流行的。对于新人，responsive design可能听起来有点复杂，但实际上，它比你想的要简单的多。为了帮助你快速入门响应式Web设计，我写了一篇快速入门教程。我保证你通过三步就可以学会...

    gulp-viewport:gulp-viewport - 使用 Scroll Viewport 和 Confluence 上传您的主题

    新插件使用 webpack 进行捆绑，允许在您的自定义主题中使用 ES6 样式的 javascript。 gulp-viewport 将来不会再收到任何更新。 设置 BrowserSync 删除主题中的所有文件 示例 gulpfile.js 在 CI 服务器上使用没有 ...

Magicbox
Global site tag (gtag.js) - Google Analytics