移動端預設的視口大小是980px(css像素),
預設情況下,移動端的像素比就是 980/移動端寬度 (980/750)
如果我們直接在網頁中編寫移動端代碼,這樣在9980的視口下,像素比是非常不好
導緻網頁中的内容非常非常的小
編寫移動頁面時,必須要確定有一個比較合理的像素比:
lcss像素 對應 2個實體像素
lcss像素 對應3個實體像素
可以通過meta标簽來設定視口大小
每一款移動裝置設計時,都會有一個最佳像素比
一般我們隻需要将像素比設定為該值即可得到最佳效果
将像素比設定為最佳像素比的視口大小我們稱其為完美視口
将網頁的視口設定為完美視口