在bootstrap-responsive.css这个CSS样式表中已经为我们设定好了几个实用的类： .visible-phone: 在智能手机设备上显示这个元素，在其他设备上隐藏该元素 .visible-tablet: 在平板电脑上显示这个元素，在其他设备上隐藏该元素 .vi...
分类：
其他好文 时间：
2014-07-30 12:09:23
阅读次数：
220
首先引入文件bootstrap-responsive.css bootstrap-responsive.css这个样式表已经为我们针对常用的上网设备做好了相应的响应式设计： 比如： 分辨率宽度1200像素以上的屏幕上，网格的宽度会由60px变为70px，且网格与网格之间的距离由20px...
分类：
其他好文 时间：
2014-07-30 11:45:53
阅读次数：
226
网页为什么要做自适应交付，皆因现在移动设备大行其道，现在是移动互联网时代，以IOS及Android为首的各种移动终端已经遍地开花。当人家用380px的iphone打开你的网页时，你总不能显示个1024px的页面给人家，用户体验大打折购，因为响应式设计或者自适应交付就应运而生。之前已经提到过响应式设计...
分类：
Web程序 时间：
2014-07-26 01:01:46
阅读次数：
204
之前没接触过responsive design这玩意，突然最近客户的项目都要求要有响应式设计的要求：1，当浏览器缩放时，页面要根据浏览器大小，而自动适应。2，当用手机或者移动设备打开页面时，页面会根据屏幕浏览器的大小自动适应。3，移动设备有横屏和竖屏之分，页面也要相应适应首页设计UI设计师只设计出了...
分类：
Web程序 时间：
2014-07-16 23:02:41
阅读次数：
275
转自：http://www.ruanyifeng.com/blog/2012/05/responsive_web_design.html随着3G的普及，越来越多的人使用手机上网。 移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同...
分类：
Web程序 时间：
2014-07-16 20:43:12
阅读次数：
156
随着3G的普及，越来越多的人使用手机上网。移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1000像素以上（目前主流宽度是1366×768），有的还达...
分类：
Web程序 时间：
2014-07-06 19:52:47
阅读次数：
129
有人说，2013将是响应式网页设计之年。自用户体验设计师Ethan Marcotte在2010年提出Responsive Web Design（RWD）的名词，即响应式网页设计，这个概念从Responsive Architecture延伸到web设计领域，让所有的交互设计、视觉、前端开发都开始投入到...
分类：
其他好文 时间：
2014-07-02 19:11:12
阅读次数：
239
Responsive设计在现代Web设计中可谓是越来越流行，但很同学们并未理解其真正的设计概念，往往把Responsive视为一种自适应布局。当然有很多同学也在尝试动写Responsive的案例，但如何取其断点左右纠结，如何设置哪几个断点？又从何入手？Responsive中的断点都依赖于CSS3的M...
分类：
Web程序 时间：
2014-06-24 12:02:00
阅读次数：
272
在高分辨率的情况下 商品的图片难免会失真怎样才能让商品的图片在高分辨率的情况下 效果不失真 提供用户更好的体验呢我发现了一个解决方案 不知道是不是你想要的先上图片对比下效果左侧是使用后 右侧是使用前差距还是比较大的感兴趣的小伙伴 可以下载源码 自己尝试一下https://github.com/s.....
分类：
Web程序 时间：
2014-06-18 19:22:01
阅读次数：
271
如果对于移动开发，你的知识还仅仅限制于响应式设计，那么这是远远不够的。作为一个开发人员不得不去处理一些老旧的框架，同时添加一些新功能。为了不仅仅是更好的适应需求，有时也是为了方便更好的扩展。分享一下，今年来玩的两个不同网站的移动扩展之路，一个是自己的网站，一个则是与女友建设中的一个寻找有趣的人、事、物的网站——寻ta驿站。一次传统网站的移动开发对于一个传统的网站来说，仅仅是Responsive是远...
分类：
移动开发 时间：
2014-06-18 06:38:04
阅读次数：
690
