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 簡單介紹與優缺點、實作入門
?
?