CSS Streaming and resilient layouts (unfinished)

(Child container% parent container) *100

PNG Transparent
In IE6
Filter:progid:DXImageTransfornm.Microsoft.AlphaImageLoader (

src= ' path ', sizingmethod= ' crop ');
)
Behavior:url (IEPNGFIX.HTC)
Make a div horizontally and vertically centered

First, flow layout two points:
1. Add Media to link
<link src= "Global.css"/>
<link src= "Ipad.css" media= "(max-width:980px) and (min-width:600px)"/>
<link src= "Mobile.css" media= "(max-width:599px)"/>

2, change the exact pixel to percent and use box-sizing:border-box.
The box model is subject to border.
Solve the 50% width of two horizontal boxes in a streaming layout

Second, in the page layout small point
On top of the above points there are also some small points used to fine-tune the settings page

Even padding can use percentages.

Border-radius

-webkit-linear-graient ();

Use JS to detect the user using the device

Using Device.js to detect browsers

Device.ipad ()
Device.mobile ()
Device.iphone ()
Device.android ()
Device.tablet ()
Device.portait ()
Device.landscape ()

Http://qianduanblog.com/post/css-learning-16-css3-flex-responsive-design.html
Http://qianduanblog.com/post/css-learning-18-css3-flex-responsive-design-example.html

http://www.kancloud.cn/zhongzhong/webtop/106237
http://www.kancloud.cn/zhongzhong/webtop/106238
Http://www.ithao123.cn/content-1752271.html

CSS Streaming and resilient layouts (unfinished)