有幾個(gè)問(wèn)題還望指教。
1.通過(guò) window.innerWidth 獲取寬度會(huì)有什么問(wèn)題嗎,screen.width 又如何呢?
2.手機(jī)屏幕要是橫過(guò)來(lái)了,rem 也是正常運(yùn)作嗎?
3.讓設(shè)計(jì)提供 375px 寬的設(shè)計(jì)圖里面元素的尺寸也不用像老師一樣需要除以二是不是更好呢?
1.通過(guò) window.innerWidth 獲取寬度會(huì)有什么問(wèn)題嗎,screen.width 又如何呢?
2.手機(jī)屏幕要是橫過(guò)來(lái)了,rem 也是正常運(yùn)作嗎?
3.讓設(shè)計(jì)提供 375px 寬的設(shè)計(jì)圖里面元素的尺寸也不用像老師一樣需要除以二是不是更好呢?
2018-03-08
舉報(bào)
2019-05-23
3,美工都用慣了大圖,矢量圖啥的,做得很精細(xì),所以一般都不會(huì)用真實(shí)手機(jī)像素1比1做效果圖,顯示器那么大不用滿不是浪費(fèi)了。懂了嗎?
2018-03-16
emmm,當(dāng)我的更正沒(méi)說(shuō),innerwidth獲取的是要包括滾動(dòng)條的
2018-03-16
更正第一點(diǎn):innerwidth也是獲取內(nèi)容區(qū)寬度(不包括工具欄和滾動(dòng)條),要獲取加上滾動(dòng)條寬度的可采用offsetwidth
2018-03-16
用window對(duì)象的innerwidth的話,會(huì)將瀏覽器的右邊滾動(dòng)條也加上在內(nèi);clientwidth會(huì)僅僅獲取內(nèi)容區(qū)寬度
橫過(guò)來(lái)這個(gè)也是一樣的,具體效果可采用調(diào)試工具自行查看;
其實(shí)美工提供的圖大小是無(wú)所謂的,你讓他提供1024*960都可以的,主要的點(diǎn)是在于js里獲取屏幕寬度,設(shè)置相應(yīng)的rem基準(zhǔn)值,設(shè)置為html的fontsize,其他元素就會(huì)根據(jù)基準(zhǔn)值進(jìn)行調(diào)整
以上