文章主要参考于：http://www.ruanyifeng.com/blog/2012/05/responsive_web_design.html(阮一峰的网络日志)在这篇文章的基础上加上了写自己的理解（文章蓝色部分）。一.允许网页宽度自动调整："自适应网页设计"到底是怎么做到的？其实并不难。首先，...
分类：
移动开发 时间：
2014-07-22 23:07:32
阅读次数：
481
select样式非常难看，在PC端通常就自己仿一个了，但是在移动端，select的使用方法还是不错的，所以写一个假的按钮，在点击它的时候展开select去选择内容是个不错的方法。先看下京东触屏版的地址编辑页面（截图来自PC）做法很简单，省份后面显示的文字怎么实现都成，需要做到的就是select正好覆...
分类：
其他好文 时间：
2014-05-01 00:58:22
阅读次数：
360
来自：http://blog.csdn.net/oneRain88/article/details/11713299NGUI在Unity3D游戏开发中非常常用，而NGUI对于每一个UI场景，都是以一个UIRoot为UI游戏对象树的根的，那么这个UIRoot是起什么作用的呢？先简单看一下UIRoot中...
分类：
其他好文 时间：
2014-04-30 23:08:30
阅读次数：
483
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
Div不根据内容自适应高度，我们看下面的代码：
当Content内容多时，即使main设置了高度100%或auto。在不同浏览器下还是不能完好的自动伸展。内容的高度比较高了，但容器main的高度还是不能撑开。
我们可以通过三种方法来解决这个问题。 一，增加一个清除浮动，让父容器知道...
分类：
其他好文 时间：
2014-04-29 10:21:46
阅读次数：
349
响应式网页设计很流行，而且绝无秘密可言。行家们倡导，各品牌趋之若鹜。这不仅是创建一个移动端站点，而是让你的网站适用于每种浏览器尺寸，不论桌面端、平板还是智能手机响应式设计的秘诀，是创建一个不论大小尺寸都美观的网站。在点开你的设计软件着手动工之前，你需要考虑很多。这是个额外步骤，最终成品却总能证明它的...
分类：
其他好文 时间：
2014-04-29 10:17:47
阅读次数：
278
一、响应式设计（一）响应式设计初识，一个小小的demo，用来理解什么是响应式今天的一个小小的demo，让我重新的认识了什么是响应式网页设计。我之前一直以为主要一个网页在不同的设备上浏览，网页可以自适应设备的屏幕大小，而不发生结构变形。其实我觉得更准确去说是：根据不同的用户设备环境，页面可以做出不同的...
分类：
其他好文 时间：
2014-04-28 11:32:27
阅读次数：
519
以前都是使用Panel。没有用过其他容器类。郁闷，要控制界面的自适应真是麻烦。平常用一用dock、anchor差不多了，但是，更复杂的情景下，就没法了。例如一行有多个控件，有的要求跟据窗口缩放，只缩放横坐标，有的不缩放。如果不用其他招数，就只能在resize事件中手工控制(太麻烦了)。只好试试Tab...
分类：
Web程序 时间：
2014-04-28 05:12:49
阅读次数：
628
