首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

Responsive Web Design 简略介绍与优缺点、实作入门

2013-11-12 
Responsive Web Design 简单介绍与优缺点、实作入门// 在 PC 上的顯示.box {width: 500px}// Media Query

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

?

?

热点排行