RWD: different devices exhib弟懂it the same page

更新時間:2015-09-09 20:30用小:08點擊:114002 Entreprise's news

With the popularity of 3G, m開體ore and more people us市花e the mobile Internet. Mobile dev美是ices are more費文 than deskto月雪ps, the most 通街common termina煙刀l to access the Inte鄉窗rnet. So, web designers have to f電店ace a dilemma: ho資們w to render 妹門the same page on diff門你erent sized devices?
The phone's screen is relative員看ly small, usually 600 pixels width 物體or less; PC screen width o照藍f 1000 pixels or more gen微場erally in the (林都mainstream width is船你 1366 × 768), and s熱生ome reached 20 pixels. The s男懂ame content to different si明兒ze on the sc聽河reen, show satisfactory result亮黃s, not an eas劇亮y task.

Many solutions websi見自te is to provide different pag店些es for different device來為s, for example, specializes in provi不行ding a mobile versi樂電on, or iPhone / iP著開ad version. T來關his of course ensure紅你s results, but too much tr公東ouble, while maintaining several v黃我ersions, and 窗鐵if a site has multiple portal (en科服trance), will great河明ly increase the complex雨文ity of the architect看店ure design.

Thus, it has要費 long been contempla近票ted, can "design once, unive草黃rsally appli車路cable," so that 遠水the same page automatically 刀作adapt to different screen sizes, a制得ccording to the width of 筆長the screen automatically adjusts the la司銀yout (layout)?

Recommended Reading