javascript - 如何使网站适应用户的屏幕分辨率？

Question

我正在使用 1024x768 屏幕分辨率设计我的网站。当您使用屏幕分辨率较小/较大的计算机在浏览器中查看网站时，网站开始变形。
无论用户使用何种屏幕分辨率，如何使网站适应用户的屏幕分辨率？我相信通过 JavaScript 或 CSS 是可能的，但不确定如何...

Answer 1

解决此问题的最佳方法是使用 em 或 %(百分比)代替 px。

.container {
  width: 1000 px;
  height: 750 px;
}

---

.container {
  width: 90%;
  height: 90%'
}