pc端前端頁面適應不同解析度的問題

2021-08-04 23:00:42 字數 432 閱讀 9637

1,這裡記住將此必須寫在head中,這樣樣式才會先被載入出來,如果將此寫在自己定義的js檔案中,js檔案寫在body後面的話,樣式將不會被按照預想的被顯示出來

2,這種寫法對於我現在的

這裡的學時就不應該使用相對定位,如下**顯示:

@charset "utf-8";

.form-control  .unit-name-limit

這裡的學習週期以及input輸入框均用的是絕對定位,以及學時這個css一開始position也用的是絕對定位absolute,所以後面的left用百分比的形式就會導致不同解析度的電腦顯示出不一樣的情況,寫樣式要瞻前顧後,這裡根本不能用相對定位,所以也不存在適配不通解析度電腦的問題。

正確樣式應該這樣寫:

@charset "utf-8";

.form-control  .unit-name-limit

前端頁面適應不同解析度

前端開發要考慮到不同解析度電腦的頁面展示問題,在開發者電腦上的介面在使用者電腦上開啟可能出現很大變形。解決方案主要有 簡單介紹一下 即針對不同的解析度,開發不同的css樣式,在介面載入時,先判斷使用者螢幕解析度,在應用相應的css 相比較,這種方法最複雜,而且如果系統面向大眾,需要作很多不同的css...

Vue實現PC端解析度自適應

方案 安裝依賴npm install px2rem loader d npm install lib flexible s引入依賴import lib flexible px轉換成rem vue loader的options和其他樣式檔案loader最終是都是由build utils.js裡的方法生...

vue3 0 PC端自適應不同解析度電腦

首先我們需要要安裝一些依賴 npm i lib flexible computer s 根節點會根據頁面視口變化而變化font size大小 npm i px2rem loader d 自動將px轉換為rem npm i postcss px2rem 將 中px自動轉化成對應的rem的乙個外掛程式這...