Question

这是我的网页：

enter image description here

是否可以根据屏幕/窗口/设备尺寸拉伸（或缩小）？我想不惜一切代价避免滚动。

由于过度拉伸或收缩，我并不担心页面的奇怪外观。

我知道这很愚蠢，但我希望它看起来像应用而不是网页。每个元素都应保留在原位。它需要更像是你“适应”你的壁纸。

Answer 1

我有三种选择。

您可以选择响应式设计。更优选的是Bootstrap。
为视口设置最小尺寸。<meta name="viewport" content="width=1200px, maximum-scale=1.0 ">
jQuery设备宽度

var widnow_wth = $( window ).width(); $(".wrapper").css('min-width',widnow_wth);

Answer 2

将这两个CSS样式添加到div中，它应该可以正常工作。

width: 80%;
height: 50%;

您也可以参考这些网站了解更多信息。