快速业务通道

响应式网页设计和移动互联网

作者 佚名技术 来源 CSS技术 浏览 发布时间 2012-02-22
些,大家不会陌生。下面是一些比较有用的工具什么的:

响应式网页设计工具与资源

国外在响应式网页设计上已经走的很远了,已经有很多工具和资源供我们参考和使用:

CSS 框架

  • 320 and Up
  • Mobile Boilerplate
  • Golden Grid System
  • Gridless
  • Less Framework
  • 1140 CSS Grid System
  • Fluid 960 Grid System
  • SimpleGrid
  • Skeleton

实用工具

  • Respond.js,让IE6-8支持meidia query
  • Responsive Design Testing 简单而方便的测试网站的响应性的工具,输入网址即可看到网站在不同分辨率下的表现
  • Resize My Browser 缩放浏览器工具,不过不支持chrome和opera浏览器
  • Media Query Bookmarklet 顾名思义,这是一个关于media query的书签工具
  • ProtoFluid 在线查看和调试网站对移动终端兼容性的工具,很赞
  • ScreenFly 和ProtoFluid类似
  • responsivepx 更直观的测试网站对不同分辨率的适配性

争论和总结

响应式网页设计被提出以来,争论就不断,其实核心问题只有两个个:太多的资源请求和有限的终端支持之间的矛盾、响应式的网页设计和移动终端在用户体验和视觉风格上的差异。前者不能容忍在弱小的手机/平板上通过龟速的3G/2G网络来加载一个笨重的PC端页面,而后者纠结响应式网站不像手机网站。

我的想法是,具体问题具体分析,比如,强内容的网站,完全可以尝试响应式网站,而重视觉和功能的网站,则可以尝试建立一个独立的移动网站。

另外,显然,响应式网页设计的大部分技术,是可以用在WebApp开发中的。

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号