Javascript 制造车身'；使用CSS和JS将屏幕宽度增加一倍

我想把身体的宽度变成屏幕的两倍

对于exmaple，
如果屏幕（确切地说，窗口）的宽度是500px，
那么物体的宽度应该是1000px

我只能使用HTML、CSS和Javascript
因为服务器既不允许我使用PHP，也不允许我使用其他

---

那么，如何使用CSS和JS呢？

您可以使用浏览器窗口单元：

body { width: 200vw; }

这意味着“当前视口宽度的200%”。您也可以将

vh

用于“视口高度”。这支持回到IE9

请注意，如果您的

需要填充，使用“边框框”框大小可能是一个好主意。您可以设置页面的默认设置，如下所示：

body { box-sizing: border-box; }
body *, body *:before, body *:after { box-sizing: inherit; }

---

您可以在

%

中指定宽度，如下所示：

html,body{
  width:200%;
}

---

或者像这样使用

vw

body{
  width:200vw; /*less browser support*/
}

此装置仅受IE9、FF30、chrome27、Opera 23的支持

---

vw

浏览器支持@。

谢谢。我原以为它会使用一些JS代码，但使用CSS有一种更简单、更好的方法。@TJ

width

当然取决于父项。@Pointy为什么它使用边框而不为

html

指定任何宽度呢。。？（这不是争论，只是学习）我不确定我是否知道你的意思，但是

width:100%

表示“100%的包含框”。对于

而言，容器是

元素，该元素可能有填充、边距或其他内容。这就是CSS重置等的原因。设置

和

元素的宽度。就我个人而言，我已经开始使用“大众”和“vh”单元来设置，因为它看起来更可靠（当然旧IE除外，但我很幸运不必担心这一点）。@Pointy，据我所知，不是真的。与高度不同，浏览器知道宽度。这里的

200%

意味着

200%

什么？@TJ关于

width

取决于父宽度的评论是正确的；对于

，只有一个父项。通常情况下，浏览器的默认值是

元素为视口宽度的100%，因此从这个意义上讲，它可以工作。通常，尽管%width值指的是父元素，但并不总是指视口。