許多企業(yè)主現(xiàn)在要求一個適合所有設備的移動版網(wǎng)站。但是，任何參與網(wǎng)頁設計和開發(fā)的人都會告訴你，要跟上每天涌現(xiàn)的新設備和新分辨率是不可能的。無法為每個新的分辨率和設備創(chuàng)建網(wǎng)站。那么，怎樣才能讓一個用戶友好、在所有設備上都能正常工作的移動網(wǎng)站呢？

在基本的網(wǎng)站設計中會找到一些元素，包括頁眉、徽標、正文、內(nèi)容、導航、側邊欄內(nèi)容、頁腳、社交鏈接和版權。這將不能完美地工作在不同的現(xiàn)代設備和屏幕分辨率?？焖夙憫木W(wǎng)頁設計將把靈活性的元素融入到內(nèi)容中。它將消除一些控制，您需要通過限制您的設計來實現(xiàn)。不可能一點一點地調整網(wǎng)站的大小，并為每個寬度創(chuàng)建所需的布局。解決這個問題的辦法是找到有重大變化的點，然后讓所有的東西在這些點之間拉伸和擠壓。網(wǎng)站的內(nèi)容必須劃分，這必須作為一個百分比使用。這將有助于設計一個靈活的網(wǎng)站，以適應各種設備。

?靈活的媒體
過去網(wǎng)站只提供超鏈接文本的日子一去不復返了?，F(xiàn)在很難想象一個網(wǎng)站沒有任何圖片，視頻，超鏈接等。有很多互動元素被添加到網(wǎng)站上，使其豐富多彩，引人入勝和令人興奮。這是響應性網(wǎng)頁設計可以顯示其類，因為它將有助于創(chuàng)建一個流動的網(wǎng)站，充分的信息，以適應所有設備。
靈活媒體面臨的最大問題是比率，它取決于圖像或視頻的高度和寬度。iframe、圖像或視頻的寬度和高度都將隨著視口的增長而增大?？梢詫⒃卦O置為寬度，并且可以解決此問題，但是高度不能由元素控制。靈活的圖像是一個很好的選擇，因為它們比瀏覽器從另一個網(wǎng)頁加載的iframe運行起來更負責任。不知道框架中的元素有多寬或多高。獲得容器大小內(nèi)的圖像的最佳選擇是將width選項更改為max width，以便圖像不會超出指定的寬度。
?媒體查詢
快速響應的網(wǎng)頁設計肯定能在所有瀏覽器和設備上運行。未來的發(fā)展方向是，所有瀏覽器版本都以某種方式提供對媒體查詢的支持。另一種選擇是使用JavaScript技術，讓網(wǎng)站開發(fā)人員向用戶提供必要的web技術。這里的主要問題是它們必須啟用JavaScript。

本文地址：http://m.xyxhh.com/wangzhansheji/25-481.html