教育行業(yè)A股IPO第一股（股票代碼 003032）

全國咨詢/投訴熱線：400-618-4000

什么是響應式頁面？

更新時間:2020年09月10日16時20分 來源:傳智播客 瀏覽次數(shù):

響應式頁面指的是同一頁面在不同屏幕尺寸下實現(xiàn)不同的布局，從而使一個頁面兼容不同的終端。這里所說的終端主要包括PC端和移動端，它們的分辨率以及屏幕大小都是不同的。在網(wǎng)站開發(fā)時，只須加入響應式設計就可以兼容這些終端，就不必單獨制作移動端頁面了。響應式開發(fā)主要是為了解決移動互聯(lián)網(wǎng)瀏覽的問題，通過響應式設計能使網(wǎng)站在手機和平板電腦上有更好的瀏覽、閱讀體驗。

在開發(fā)移動端頁面過程中，當調整瀏覽器窗口時，將會通過判斷瀏覽器窗口的寬度來改變樣式，頁面結構會根據(jù)瀏覽器窗口的大小重新展示，以適應不同的移動終端設備。例如，打開三星電子商城網(wǎng)站，運行結果如圖1所示。

響應式01

圖1 初始頁面

接下來，使用鼠標縮小瀏覽器的窗口寬度，會看到網(wǎng)頁的布局會隨之發(fā)生變化，效果如圖2所示。

響應式02

圖2 頁面的響應式效果

從圖2可以看出，當調整了瀏覽器的窗口大小后，頁面結構會發(fā)生相應的變化。由此可見，響應式設計給用戶帶來了友好的頁面體驗，同一個頁面在不同的設備上可以實現(xiàn)不同的排版。


猜你喜歡：

BFC是什么?

JavaScript如何創(chuàng)建數(shù)組?

前端開發(fā)工具有哪些?哪一款最好用?

0 分享到：
和我們在線交談！