Question

我正在使用元视口使网页适应移动设备，使用通常的标签：

NOT

然而，我的许多网站用户都有大屏幕。使用的视口宽度为1025px，因此对于较大的屏幕，例如宽度大于1920px，用户更愿意更好地利用主要包含外部的空左边和右边空间。

是否有办法让页面的缩放比例在高于1025px时适应视口宽度？

我怀疑元视口标记属性和某些媒体查询的某种组合可能是可能的，但是我找不到任何能让它响应大屏幕的东西，只能用于较小的屏幕。

Answer 1

您只需要添加另一个媒体查询来处理高分辨率

Demo for >1280px

@media only screen and (min-width : 1280px) {

#Container {
    width: 95%;
}

#PageContent {
    margin: 0px auto;
    max-width: 100%
}


#PageInfo {
    max-width: 100%;
}

.InfoContent{
  max-width: 100%;
}

.c640{
  width:20%;
}

.c640 .box{
  width:100%;
}

#navigation{
  width:auto;
}

.box{
  float:none;
}

}

它并不完美但你可以使用这个断点添加更多风格并修复在更高分辨率下看起来不太好的任何东西。

是否可以将HTML网页视口缩放到大屏幕？

1 个答案:

Demo for >1280px