2019年之前，有很多移动设备和电脑屏幕很难跟上。随着各种各样的分辨率，Web开发人员现在必须使用自适应功能与所有设备兼容。
使网站与各种设备，浏览器，脚本和库兼容是一项具有挑战性的壮举。顶级网页设计机构一直在努力解决这个问题，但随着时间的推移，它们正在技术方面取得进展。

手机中的屏幕尺寸现在达到了4K分辨率，而世界上仍然有很多人坚持使用240p。正如您想象的那样，专为4K设计的网站在较小的设备上看起来很糟糕，反之亦然。一般来说，Web开发人员现在正在设计与中档移动设备配合使用的网站，并专注于其他辅助设备。
利用水平宽度
您不应再在角落里轻推您网站的元素，因为这只会浪费移动设备有限屏幕上的水平空间。当某些东西必须拉伸以填满一个屏幕时，它看起来像一个可怕的涂抹，你可以保证你会失去普通的读者。要么在未使用的水平空间中添加有用的额外内容，要么调整所有内容的大小，使其看起来像一个整洁的水平堆栈。
向下滚动
如果您注意到许多现代新网站或博客，内容的显示会均匀堆叠，并且可以滚动显示。这使得更容易适应垂直分辨率是无限的，因此小型设备只需向下滚动。内容也应该居中以利用视口高度并包含足够的内容来填充屏幕。
旋转屏幕
移动设备完全旋转屏幕的能力会改变他们查看您网站的方式。它将添加额外的水平空间，因此您必须准备好您的网站以反应额外的宽度。一种方法是将内容叠加在两列中，以便所有内容都适合屏幕。由于垂直分辨率较低，您不希望您的网站拥有占据整个屏幕的巨大且块状的图块。