自適應和響應式布局的區別?

2022-07-10 18:12:13 字數 295 閱讀 3554

自適應布局通過檢測視口解析度,來判斷當前訪問的裝置是:pc端、平板、手機,從而請求服務層,返回不同的頁面;響應式布局通過檢測視口解析度,針對不同客戶端在客戶端做**處理,來展現不同的布局和內容。

自適應布局需要開發多套介面,而響應式布局只需要開發一套介面就可以了。

自適應對頁面做的螢幕適配是在一定範圍:比如pc端一般要大於1024畫素,手機端要小於768畫素。而響應式布局是一套頁面全部適應。

自適應布局如果螢幕太小會發生內容過於擁擠。而響應式布局正是為了解決這個問題而衍生出的概念,它可以自動識別螢幕寬度並做出相應調整的網頁設計。

響應式布局與自適應布局的區別

rem rem單位 css3 新增的乙個相對單位 相對於根元素html的font size的值進行動態計算得到的,如font size 14px,1rem 14px。例 根據當前螢幕寬度和設計稿寬度計算html fontsize的值 設計稿寬度 640px,fontsize 14px,螢幕寬度是37...

自適應布局,響應式布局以及rem,em區別

一。自適應和響應式 先說共同點,兩者都是因為越來越多的 移動裝置 mobile,tablet device 加入到網際網路中來而出現的為移動裝置提供更好的體驗的技術。用技術來使網頁適應從小到大 現在到超大 的不同解析度的螢幕.都是為了解決同一張頁面在不同裝置解析度上合理展示的技術。不同點 響應式布局...

網頁自適應和響應式的區別與分析總結

responsive design 響應式設計 建立乙個網頁,通過css media queries,content based breakpoint 基於內容的斷點 等技術來改變網頁的大小以適應不同解析度的螢幕。adaptive design 自適應設計 為不同類別的裝置建立不同的網頁,檢測到裝置...