Question

基本上，这就是我想要做的：http://prntscr.com/nq83xo

我正在尝试将整个网站宽度限制为屏幕的一部分，但我找不到方法。我尝试过flexbox并调整车身宽度，但是似乎没有任何作用。

请注意，我是初学者。

Answer 1

只需设置html width。如果您希望网站在屏幕上居中，请在应该居中的div上使用margin:0px auto。

Answer 2

没有代码很难提供帮助。可以尝试。 <body>标签之后的下一个孩子是什么？您要做的是在所有max-width标记的直接标记上声明一个width: 100%以及类似<body>的内容。

执行此操作时，所有内容应位于屏幕左侧。要居中，您应该margin: 0 auto

这是我在想的代码。 https://codepen.io/axecopfire/pen/zQzebO

Answer 3

创建一个<iframe>并在框架内更新您的网页，然后将所需的宽度应用于框架：

* {
	margin: 0;
	padding: 0;
}

#holder {
	margin: 0 auto;
	height: 100%;
	vertical-align: middle;
	display: flex;
	position: relative;
}

#newContent {
  width: 50%;
  height: 100%;
  border: 1px solid black;
  overflow: auto;
	margin: 0 auto;
}

<body>
	<div id="holder">
		<iframe id="newContent" src="http://YourURLGoesHere/">
		</iframe>
	</div>
</body>

调整网站的整个宽度，我该怎么做？

3 个答案: