已解決430363個問題，去搜搜看，總會有你想問的

PC端適應不同分辨率的問題

首頁猿問 PC端適應不同分辨率的問題

PC端適應不同分辨率的問題

JavaScript

哆啦的時光機 2018-08-26 13:33:32

設計師給了個1920X1080的設計稿需要適配不同的分辨率的屏幕沒做過這種適配的不知道怎么弄的網上查了下說是用縮放transform跟zoom 但是沒看到簡單點的實例代碼基本上是說了一下思路這個要怎樣兼容不同的瀏覽器還有就是里面元素寬度試試是用百分比嗎還是怎么弄呢還有內容居中的問題我這還是個vue單頁應用，就這一個頁面需要適配不同屏幕

查看完整描述

3 回答

慕仙0352322

TA貢獻3條經驗獲得超0個贊

你好，請問你這個適怎么適配的？最后解決了嗎？

反對回復 2019-10-24

鳳凰求蠱

TA貢獻1825條經驗獲得超4個贊

響應式布局了解一下，很多css框架都提供了響應式布局功能（柵格系統）。

當然了你也可以自己實現，主要是用的媒體查詢，在不同分辨率下，采用不同的css樣式。

body{  
  background:red;
}
@media screen and (max-width: 300px) {  
  body {   
       background-color:lightblue;
    }
}

如果文檔寬度小于等于300 背景顏色為淡藍色，如果文檔寬度大于300，背景樣式為紅色。

反對回復 2018-09-03

瀟湘沐

TA貢獻1816條經驗獲得超6個贊

一般的做法是定義一個中間寬度，1200px或者1000px，具體的值要根據你的設計稿來定。這個中間寬度里的尺寸直接根據設計稿的尺寸1:1來就行了，兩邊寬度自適應，中間寬度居中，就好了。

反對回復 2018-09-03

3 回答
0 關注
5228 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

PC端適應不同分辨率的問題

PC端適應不同分辨率的問題

3 回答

添加回答