Javascript 垂直响应网页设计

Javascript 垂直响应网页设计,javascript,html,css,responsive-design,Javascript,Html,Css,Responsive Design,我正在使用HTML5、CSS3、JS1.8.5创建一个响应性强的网站。出于实验目的,我想知道是否有可能使我的网站也垂直响应,我如何才能做到这一点 试试这个 CSS body,html{height:100%; //if you want to control by percentage} @media screen and ( max-height: 600px ){ //something } $(window).height(); 要动态控制布局,请使用javascript测量

我正在使用HTML5、CSS3、JS1.8.5创建一个响应性强的网站。出于实验目的,我想知道是否有可能使我的网站也垂直响应,我如何才能做到这一点

试试这个

CSS

body,html{height:100%; //if you want to control by percentage}

@media screen and ( max-height: 600px ){
    //something
}
$(window).height();
要动态控制布局,请使用javascript测量屏幕高度并执行所需操作

JS

body,html{height:100%; //if you want to control by percentage}

@media screen and ( max-height: 600px ){
    //something
}
$(window).height();

正如@ww139所说,你可以使用vh/vw装置。Vh(代表视图高度)将使您的网站垂直响应。一个vh等于屏幕高度的1%。例如,假设我有以下代码:

div{
字号:10vh
}

这是文本


也使用媒体查询:)欢迎使用stackoverflow:)这非常有效。非常感谢@西克斯:没问题