文章主要参考于:http://www.ruanyifeng.com/blog/2012/05/responsive_web_design.html(阮一峰的网络日志)在这篇文章的基础上加上了写自己的理解(文章蓝色部分)。一.允许网页宽度自动调整:"自适应网页设计"到底是怎么做到的?其实并不难。首先,...
分类:
移动开发 时间:
2014-07-22 23:07:32
阅读次数:
481
1. ie的文档流样式 writing-mode:tb-rl.box1 a{
writing-mode:tb-rl; /* 触发layout 后面高度生效,文档流 自上往下,自右往左,宽度要自适应,文字方向在垂直方向居中 */
height:100%; vertical-align:middle}2...
分类:
Web程序 时间:
2014-05-01 07:59:22
阅读次数:
496
来自:http://blog.csdn.net/oneRain88/article/details/11713299NGUI在Unity3D游戏开发中非常常用,而NGUI对于每一个UI场景,都是以一个UIRoot为UI游戏对象树的根的,那么这个UIRoot是起什么作用的呢?先简单看一下UIRoot中...
分类:
其他好文 时间:
2014-04-30 23:08:30
阅读次数:
483
3.2自底向上风格
自顶向下不是万能的
需求发生变化时,会很尴尬
变化是需求的本质特征
内部或外界的环境一旦发生小小的变化,就会造成很大的变动
个人---完全掌控-----》简单的软件逻辑《-----完全计划的模式
小组协作---掌控变化----》庞大的软件规模---产生--》自适应变化《-----解决-----主流解决方案:面向对象
面向对象正是采用自底向上的设计风格
打印...
分类:
其他好文 时间:
2014-04-30 22:15:39
阅读次数:
362
margin+absolute布局:右栏固定主内容自适应
demo头部 Aside侧边栏区域 Main主内容区域底部margin+absolute布局:左栏固定主内容自适应
demo头部 Aside侧边栏区域 Main主内容区域底部margin+float布局:左栏固定主内容自适应 demo头部 A...
分类:
其他好文 时间:
2014-04-30 16:05:33
阅读次数:
365
在用CSS+DIV的布局中,经常会发现,当一个DIV float之后,如果他的高度超过了其父DIV的高度时,其父DIV的高度并不会相应的进行调整。要解决这个问题(也叫做闭合(清除)浮动),我们有四种办法:
1. 额外标签法
这种方法就是向父容器的末尾再插入一个额外的标签,并令其清除浮动(clear)以撑大父容器。这种方法浏览器兼容性好,没有什么问题,缺点就是需要额外的(而且通常是无语义...
分类:
Web程序 时间:
2014-04-29 13:38:21
阅读次数:
432
* {
margin:0;
padding:0;
}
html,
body,
#box {
height:100%;
font:small/1.5 "宋体", serif;
}
body {
text-align:center;
}
#box {
text-align:left;
background:#666;
display:table;
wi...
分类:
Web程序 时间:
2014-04-29 13:36:20
阅读次数:
469
善于观察的UI设计师都应该知道,在网站界面设计里使用纹理图案往往可以让页面更有质感,甚至妙趣横生。当然,最关键的是提升网站设计吸引力,而轻微的拟物化设计常常能给网站带来真实世界元素的质感。
一方面,纹理造就的色调变化模仿着真实表面的多种多样的色泽;除此之外,由于能在任何尺寸的屏幕上无限重复使用,镶嵌的纹理也特别适合应用到自适应设计之中。
在这个合集中,蓝蓝设计将分享一些能激发你灵感的使...
分类:
Web程序 时间:
2014-04-29 13:31:20
阅读次数:
358
Div不根据内容自适应高度,我们看下面的代码:
当Content内容多时,即使main设置了高度100%或auto。在不同浏览器下还是不能完好的自动伸展。内容的高度比较高了,但容器main的高度还是不能撑开。
我们可以通过三种方法来解决这个问题。 一,增加一个清除浮动,让父容器知道...
分类:
其他好文 时间:
2014-04-29 10:21:46
阅读次数:
349
一、响应式设计(一)响应式设计初识,一个小小的demo,用来理解什么是响应式今天的一个小小的demo,让我重新的认识了什么是响应式网页设计。我之前一直以为主要一个网页在不同的设备上浏览,网页可以自适应设备的屏幕大小,而不发生结构变形。其实我觉得更准确去说是:根据不同的用户设备环境,页面可以做出不同的...
分类:
其他好文 时间:
2014-04-28 11:32:27
阅读次数:
519