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

Question

我正在通过使用1024x768屏幕分辨率的基础来设计我的网站。当您从屏幕分辨率更小/更大的电脑浏览浏览器中的网站时，网站开始变形。
无论用户使用何种屏幕分辨率，如何使网站适应用户的屏幕分辨率？我相信这可能通过JavaScript或CSS，但不知道如何...

Answer 1

来解决这个问题的最好办法是不是使用PX使用EM或％（百分比）。

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

---

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

Answer 2

你在找什么是浏览器“视口”。

此链接提供了一个如何获得视口的一个很好的概述：http://andylangton.co.uk/articles/javascript/get-viewport-size-javascript/

在大多数标准的浏览器，你可以参考window.innerWidth和window.innerHeight在JavaScript中。

如果您使用的是dojo JavaScript框架，那么您可以调用dijit.getViewport（），它将为您完成繁重的工作。

一旦你有了视口的尺寸，就由你来决定你的网页如何对从浏览器接收到的信息做出反应。