2019年之前，有很多移動設(shè)備和電腦屏幕很難跟上。隨著各種各樣的分辨率，Web開發(fā)人員現(xiàn)在必須使用自適應(yīng)功能與所有設(shè)備兼容。
使網(wǎng)站與各種設(shè)備，瀏覽器，腳本和庫兼容是一項具有挑戰(zhàn)性的壯舉。頂級網(wǎng)頁設(shè)計機構(gòu)一直在努力解決這個問題，但隨著時間的推移，它們正在技術(shù)方面取得進展。

手機中的屏幕尺寸現(xiàn)在達到了4K分辨率，而世界上仍然有很多人堅持使用240p。正如您想象的那樣，專為4K設(shè)計的網(wǎng)站在較小的設(shè)備上看起來很糟糕，反之亦然。一般來說，Web開發(fā)人員現(xiàn)在正在設(shè)計與中檔移動設(shè)備配合使用的網(wǎng)站，并專注于其他輔助設(shè)備。
利用水平寬度
您不應(yīng)再在角落里輕推您網(wǎng)站的元素，因為這只會浪費移動設(shè)備有限屏幕上的水平空間。當(dāng)某些東西必須拉伸以填滿一個屏幕時，它看起來像一個可怕的涂抹，你可以保證你會失去普通的讀者。要么在未使用的水平空間中添加有用的額外內(nèi)容，要么調(diào)整所有內(nèi)容的大小，使其看起來像一個整潔的水平堆棧。
向下滾動
如果您注意到許多現(xiàn)代新網(wǎng)站或博客，內(nèi)容的顯示會均勻堆疊，并且可以滾動顯示。這使得更容易適應(yīng)垂直分辨率是無限的，因此小型設(shè)備只需向下滾動。內(nèi)容也應(yīng)該居中以利用視口高度并包含足夠的內(nèi)容來填充屏幕。
旋轉(zhuǎn)屏幕
移動設(shè)備完全旋轉(zhuǎn)屏幕的能力會改變他們查看您網(wǎng)站的方式。它將添加額外的水平空間，因此您必須準(zhǔn)備好您的網(wǎng)站以反應(yīng)額外的寬度。一種方法是將內(nèi)容疊加在兩列中，以便所有內(nèi)容都適合屏幕。由于垂直分辨率較低，您不希望您的網(wǎng)站擁有占據(jù)整個屏幕的巨大且塊狀的圖塊。