Question

我遇到问题，Chrome在我的身体上添加了一个用户代理样式表，因此正文比我在Css中定义的要大......

我读了很多关于用户代理样式表的内容，但是我找不到一个解决方案，它用我的实际Css代码覆盖了用户代理样式表...

Chrome将该文字添加到其中，当我删除它时，就像我想要网站一样......（但当我刷新它时当然像以前一样） - 你可以在图片中看到它......

Where the red cross is should be no text... then it would work...

html{
	overflow-y: scroll;
}
body {
	background-color: #BDBDBD;
	color: #000000;
	font-family: AcmeFont, 'Lucida Grande', sans-serif;
	text-align: left; 
}

.BODY{
	margin: 0 auto;
	width:70%;
	clear: both;
}

<!DOCTYPE html>
<html>
  
<head>
    <title>Website Title</title>
    <meta charset="UTF-8" >
	<link href="css/style.css" rel="stylesheet" type="text/css">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body class="BODY">
</body>
  
</html>

Answer 1

据我所知，您无法更改文档正文的宽度。它是固定宽度，即100％。

我尝试为文档中的内容创建一个包装器，然后操纵包装器的宽度。请尝试以下方法：

<html>
<head>
    <title>Website Title</title>
    <meta charset="UTF-8" >
    <link href="css/style.css" rel="stylesheet" type="text/css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
    <section class="BODY">
        <!--Put stuff here-->
    </section>
</body>
</html>

希望这会有所帮助：）

正文

1 个答案: