文章主要参考于:http://www.ruanyifeng.com/blog/2012/05/responsive_web_design.html(阮一峰的网络日志)在这篇文章的基础上加上了写自己的理解(文章蓝色部分)。一.允许网页宽度自动调整:"自适应网页设计"到底是怎么做到的?其实并不难。首先,...
分类:
移动开发 时间:
2014-07-22 23:07:32
阅读次数:
481
长话短说就是我想做个App,吵的很火的PhoneGap想要用一下,于是拿HTML5和JS
prototyping这个两个语言(姑且称二者为语言)的用户体验一直都不是特别好而且为了个responsive html5 canvas也十大费周章,与类似
foundation的framework不兼容因为w...
分类:
移动开发 时间:
2014-05-19 18:01:46
阅读次数:
351
http://www.csdn.net/article/2014-05-13/2819739-responsive-frameworks-for-web-design对于设计师而言,网站设计中的任意一环节都不容忽视。时下,借助网上的一些资源,只需简单的几个步骤你就可创建出更具吸引力的设计,包括菜单、...
分类:
Web程序 时间:
2014-05-16 22:08:31
阅读次数:
655
1、什么叫响应式网页设计响应式Web设计(Responsive Web
design)的理念是:页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成,包括弹性网格和布局、图片、CSS
media query的使用等。无论用户正...
分类:
移动开发 时间:
2014-05-13 18:46:35
阅读次数:
482
1.响应式图片
class="img-responsive"通过添加.img-responsiveclass可以让Bootstrap
3中的图片对响应式布局的支持更友好。其实质是为图片赋予了max-width: 100%;和height:
auto;属性,可以让图片按比例缩放,不超过其父元素的尺寸。...
分类:
Web程序 时间:
2014-05-09 19:26:13
阅读次数:
439
ps.这一次要说的是“Responsive column
resets”,但是不知道为什么中文官网没有给出翻译,但是在看到案例的时候,感觉这就像一个bug,我自己姑且叫这个是一个高度bug吧,方便自己,要是大家有其他好的说法,请告诉我。================================...
分类:
其他好文 时间:
2014-05-07 09:42:38
阅读次数:
334
paip.自适应网页设计 跟 响应式 设计的区别跟原理and实践总结
响应式Web设计(Responsive Web design)的理念是: 1
#-----------自适应布局VS响应式布局 2
设计思路Mobile First 2
#---手机and平板分辨率 3
#---------viewport...允许网页宽度自动调整贝儿哪不个网页缩小兰.. 3
#-------...
分类:
Web程序 时间:
2014-05-02 02:36:27
阅读次数:
320