根据屏幕/窗/设备尺寸

这里制作的网页伸展（或收缩）是我的网页：根据屏幕/窗/设备尺寸

enter image description here

是否有可能伸展（或收缩）它根据屏幕/窗/设备大小？我想不惜一切代价滚动。

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

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

应该想到这件事，而在年初的CSS工作... – Shahar

你可以用'$（ '身体'）。CSS（ {width：$（window）.innerWidth（）+'px'，height：$（window）.innerHeight（）+'px'}）;'在CSS中隐藏溢出，然后设置一些媒体查询以使其不起作用。 – mdesdev

您可以使用CSS Media Queries根据屏幕大小控制页面上元素的显示。 https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries –

我对你有三种选择。

你可以去一个响应式设计。 Bootstrap将是更可取的。
设置视口的最小尺寸。 <meta name="viewport" content="width=1200px, maximum-scale=1.0 ">
jQuery的设备宽度

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

2015-01-15 04:16:44 nanbatman

选项＃2为我工作，谢谢！ –

将这两个CSS样式添加到你的div，它应该工作。

width: 80%; 
height: 50%;

您也可以参考这些网站获取更多信息。

2015-01-15 02:34:32

对不起，这个答案对我无效。 –

回答