RWD: different devices術她 exhibit the same 畫懂page

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

With the popularity o在紙f 3G, more a村報nd more people use the mobile In事厭ternet. Mobile devices are more 暗坐than desktops, the most com機相mon terminal to access the I愛畫nternet. So, w理睡eb designers have to face a dil間雨emma: how to re但微nder the same page on different size廠得d devices?
The phone's screen is re歌體latively smal下跳l, usually 600 pixels width or l間務ess; PC scree拿弟n width of 1000 pixels or more書討 generally in the (mainstream 子姐width is 1366 × 768)近為, and some reached 20 pixels. The same 站中content to different size on 日唱the screen, show satisfactory results自花, not an easy task.

Many solutions website 玩聽is to provide different pag現玩es for different devices, for吧司 example, specializ制短es in providing a mobile v房對ersion, or i海飛Phone / iPad versi我現on. This of course ensures re舞信sults, but too much trou化為ble, while maintaining 費書several versions, and if a site has街們 multiple portal雨來 (entrance), will grea個月tly increase the compl上件exity of the上習 architecture d綠線esign.

Thus, it has long been 校雨contemplated, can "design once, u能姐niversally applicable," so that t資友he same page a明坐utomatically adap行筆t to different screen si身說zes, according to the 紅物width of the screen automatic筆黑ally adjusts the layout (layout)?

Recommended Reading