移動(dòng)設(shè)備上的網(wǎng)站
本課程將包含一些網(wǎng)頁(yè)制作的基本準(zhǔn)則典挑,并適用于任何的設(shè)備。e.g. Google News就采用了兩種策略啦吧,即在手機(jī)和平板上采用完全響應(yīng)式顯示搔弄,以及PC端采用最小起始尺寸響應(yīng)式布局。
Simulator, Emulator & Real Devices
本節(jié)課程中將會(huì)使用Google Chrome自帶的模擬器丰滑。模擬器無(wú)疑是一種非常經(jīng)濟(jì)實(shí)惠的解決方式顾犹,意味著你不需要購(gòu)買(mǎi)真實(shí)設(shè)備,即可以測(cè)試代碼在不同終端上的運(yùn)行狀態(tài)褒墨。想要使用云中的不同瀏覽器測(cè)試炫刷?嘗試 BrowserStack。
練習(xí)設(shè)備模擬(Chrome開(kāi)發(fā)者工具更新)
Windows系統(tǒng):Ctrl+Shift+I 進(jìn)入開(kāi)發(fā)者頁(yè)面郁妈,右上角選中 Setting -> Device 可以手動(dòng)設(shè)置設(shè)備的尺寸浑玛,Device pixel ratio以及User Agent String。