關於多屏適配的解決方案

2021-08-08 04:51:57 字數 785 閱讀 8294

很多面試會問到關於多屏適配的相關問題並且該怎麼處理,同時要在不同dpr下顯示的效果都一致,那麼我們該怎麼處理的他

很多人立刻想到了rem, 利用分別率進行處理。 在不同的解析度下進行處理。 可是,大家又會想到了,怎樣要對它不同分辯綠下,寫css。那麼效率來說,會不會很差。 

當然對於大公司的來說,有強大的前端老大的帶領下,有很好的封裝好css. 那麼處理起來很好辦。 直接用。 可是對於小公司來說, 設計師丟乙個設計稿給你。然後 

就要根據設計稿來寫css

1 多屏適配的底下的圖示,包括上下左右的圖示一定要用字型形式表現出來。 

(function flexible(window, document)  else 

} setbodyfontsize();

// set 1rem = viewwidth / 10

function setremunit()

setremunit()

// reset rem unit on page resize

window.addeventlistener('resize', setremunit)

window.addeventlistener('pageshow', function(e)

}) // detect 0.5px supports

if(dpr >= 2)

docel.removechild(fakebody)

}}(window, document))

3 關於輪播圖 的處理,建議是有vw

Android多螢幕適配解決方案

一 重要概念 詳見 1 螢幕尺寸 解析度 畫素密度 大小單位 mdpi hdpi xdpi xxdpi用來修飾drawable和values資料夾,用來區分不同畫素密度下的和dimen的值。二 解決方案 1 使用wrap content match parent weight,著重講解linearl...

emoji表情多終端適配解決方案

emoji,也叫顏表情是日本在無線通訊中所使用的視覺情感符號,由栗田穰崇 shigetaka kurita 創作,並在日本網路及手機使用者中流行。自蘋果公司發布的ios5輸入法中加入了emoji後,這種表情符號開始席捲全球,普遍應用於各種手機簡訊和社交網路中。ios8.3中,加入了同性家庭 以及對不...

ios橫豎屏解決方案

ios生成pdf,並且以郵件的方式傳送出去 利用itouch看pdf word powerpoint文件 ios橫豎屏的效果是不相同的,其效果也是不一樣的。所以我們在開發中如果允許螢幕橫豎屏間的切換,那麼我們就要調整檢視的布局。利用inte ce builder開發,我們可以快速的拖拽出合適的介面布...