pc端rem適配 聊聊PC端頁面適配

2021-10-13 06:09:15 字數 356 閱讀 8718

目前pc並沒有像移動端那樣,可以用rem單位這種一站式解決方案,因為pc需要考慮低階瀏覽器,**查詢和background-size這些新屬性都不能用。

設計稿:1920/(1080-190) = 2.16   自己測1920/945=2.03

14寸普通筆記本:1366/(768-190) = 2.36

參考**

參考**

登入考慮

百分比布局結合rem布局

function size() else if( winw/winh == 1920/945 && winw%winh > 1920%945 ){

document.documentelement.style.fontsi

聊聊PC端頁面適配

目也pc端有適配的需求 目前我們pc專案的設計稿尺寸是寬度1920,高度最小是1080。適配目標 1.在不同解析度的電腦上,網頁可以正常顯示 2.放大或者縮小螢幕,網頁可以正常顯示 對於寬度的適配 對於寬度適配 首先設定html,body 然後我們可以把頁面分解為背景層 一般寬度都會大於1200px...

pc端頁面的適配

目也pc端有適配的需求 目前我們pc專案的設計稿尺寸是寬度1920,高度最小是1080。適配目標 1.在不同解析度的電腦上,網頁可以正常顯示 2.放大或者縮小螢幕,網頁可以正常顯示 對於寬度的適配 對於寬度適配 首先設定html,body 然後我們可以把頁面分解為背景層 一般寬度都會大於1200px...

pc端頁面適配思路

對於pc端網頁的適配,筆者大體的適配方法就是在整體布局div時,盡量讓width height都使用百分比方式,而對於內部div,以及元素之間的margin padding width height等屬性,使用rem來進行適配。直接貼 說明原理。let designsize 1920 定義設計圖大小...