Responsive Web Design 简单介绍与优缺点、实作入门
// 在 PC 上的示.box { width: 500px;}// Media Query ,也就是度 < 767 px 入下面段 CSS :@media (max-width: 767px) { .box { width: 100%; }}
?
小结Responsive Web Design 是一个不难的一项技能,事实上这个只要多练习,你就可以发现Responsive Web Design 其实是一个很有趣的东西,他可以随着宽度而有不同的显示方式。 如果你也是一个html & css Designer ,我想学习Responsive Web Design 是非常划算又容易的,因为它具有能跨不同装置的一个很大的优点。
Media Queries教学文章: CSS3 Media Queries详细介绍与使用方法,Responsive Web Design必备技术
(部分想法来自: EZTABLE 、 BoBochao )
?
来源:乐在设计 > Responsive Web Design 介缺、作入
?
?