第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題，去搜搜看，總會(huì)有你想問的

PC端適應(yīng)不同分辨率的問題

PC端適應(yīng)不同分辨率的問題

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

3 回答

?
慕仙0352322

TA貢獻(xiàn)3條經(jīng)驗(yàn) 獲得超0個(gè)贊

你好，請(qǐng)問你這個(gè)適怎么適配的？最后解決了嗎？

查看完整回答
反對(duì) 回復(fù) 2019-10-24
?
鳳凰求蠱

TA貢獻(xiàn)1825條經(jīng)驗(yàn) 獲得超4個(gè)贊

響應(yīng)式布局了解一下，很多css框架都提供了響應(yīng)式布局功能（柵格系統(tǒng)）。

當(dāng)然了你也可以自己實(shí)現(xiàn)，主要是用的媒體查詢，在不同分辨率下，采用不同的css樣式。

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

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


查看完整回答
反對(duì) 回復(fù) 2018-09-03
?
瀟湘沐

TA貢獻(xiàn)1816條經(jīng)驗(yàn) 獲得超6個(gè)贊

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

查看完整回答
反對(duì) 回復(fù) 2018-09-03
  • 3 回答
  • 0 關(guān)注
  • 5227 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)