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

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