根据 screen/window/device 大小制作网页拉伸（或缩小）

Question

这是我的网页：

是否可以根据screen/window/device尺寸拉伸（或缩小）？我想不惜一切代价避免滚动。

我不担心由于过度拉伸或收缩而导致页面出现怪异现象。

我知道这很愚蠢，但我希望它看起来像一个应用程序而不是网页。每个元素都应该留在原处。它需要更像你 "stretch to fit" 你的壁纸。

Answer 1

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

width: 80%;
height: 50%;

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

1. http://matthewjamestaylor.com/blog/ultimate-1-column-full-page-pixels.htm
2. http://en.kioskea.net/faq/2171-adjusting-your-websites-to-fit-all-types-of-resolution

Answer 2

我给你三个选择。

1. 您可以选择响应式设计。 Bootstrap会更可取。

2. 设置视口的最小尺寸。<meta name="viewport" content="width=1200px, maximum-scale=1.0 ">

3. jQuery 设备宽度

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