Html 使用视口使站点保持固定大小？

我希望具有固定像素大小的页面始终具有相同的percantive hight

这意味着当我有一个高达1500px的div，并在1366x768屏幕上查看它时，整个1500px div应该仍然是完全可见的

.fix{
宽度：400px；
高度：400px；
背景颜色：绿色；
保证金：0自动；
}

您可以使用“vh”单元设置div相对于视口的高度：

.fix{height:50vh}将div的高度设置为视口的50%

---

或者你可以用%代替px-在这种情况下，只需确保将主体和html高度设置为100%。

停止使用

px

并开始使用

%

-因为这是唯一一种方法，您可以获得比可见屏幕区域div更大的div以保持可见。查找css相对单元很多设备的屏幕大小/分辨率都比这小得多。问题是我做了一个整体使用px的站点，现在您不能以较小的分辨率查看它，因为它应该是您无法向下滚动的站点。我正在寻找类似浏览器缩放的东西，只是在更小的分辨率下把所有东西都缩小一点。地点：