Javascript 如何使网站适应用户';屏幕分辨率是多少?
我正在使用1024x768屏幕分辨率设计我的网站。从屏幕分辨率较小/较大的计算机在浏览器中查看网站时,网站开始变形。Javascript 如何使网站适应用户';屏幕分辨率是多少?,javascript,css,webpage,resolution,Javascript,Css,Webpage,Resolution,我正在使用1024x768屏幕分辨率设计我的网站。从屏幕分辨率较小/较大的计算机在浏览器中查看网站时,网站开始变形。 无论用户的屏幕分辨率如何,我如何使网站适应用户的屏幕分辨率?我相信这可以通过JavaScript或CSS实现,但不确定如何…您要查找的是浏览器“视口” 此链接很好地概述了如何获取视口: 在大多数标准浏览器中,您只能在JavaScript中引用window.innerWidth和window.innerHeight 如果您使用的是DojoJavaScript框架,那么只需调用dij
无论用户的屏幕分辨率如何,我如何使网站适应用户的屏幕分辨率?我相信这可以通过JavaScript或CSS实现,但不确定如何…您要查找的是浏览器“视口” 此链接很好地概述了如何获取视口: 在大多数标准浏览器中,您只能在JavaScript中引用window.innerWidth和window.innerHeight 如果您使用的是DojoJavaScript框架,那么只需调用dijit.getViewport(),它将为您完成繁重的工作
一旦你有了视口的尺寸,你就可以决定你的网页将如何对从浏览器收到的信息做出反应 解决此问题的最佳方法是使用px use em或%(百分比)
您可以像在链接中一样使用。
.container {
width: 1000 px;
height: 750 px;
}
.container {
width: 90%;
height: 90%'
}