javascript - 页面主体完全不收缩,CSS,HTML

标签 javascript html css

现在我有一个宽度为 90% 的主体,左右边距为 5%,边框为 1px。这就是我想要做的。我正在尝试做到这一点,以便当您使用 ctr- 一直缩小时,它会缩小直到它在页面中间变成针刺,但现在正文的宽度根本没有缩小我一路缩小。它保持相同的大小。不确定我做错了什么。请看一下我的代码。

body {
width: 90%;
margin-left: 5%;
margin-right: 5%;
border: 1px solid black;
}

P.S:如果您没有真正理解我在说什么,请按 ctr-,或按 ctr 并滚动鼠标,直到您的页面大小达到 25% 左右。您是否看到 stackoverflow 像中间的针刺一样?你看到整个网站的宽度被缩小到那个尺寸了吗?好吧,当我这样做时,我网站的主体根本不会缩小。它保持相同的大小。

最佳答案

将 % 更改为 px

body {
width: 1000px;
margin-left: 5%;
margin-right: 5%;
border: 1px solid black;
 margin:auto;
}

关于javascript - 页面主体完全不收缩,CSS,HTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31782066/

相关文章:

Javascript:获取父类(super class)中的子类类型

css - 单击单选按钮后如何应用 ng-class(css 属性)?

javascript - 如何定位对话框?

jQuery 获取 URL 包含在网页中但 CSS 被忽略

jquery - 如何仅设置 WordPress 帖子标题的单个单词的样式

javascript - AngularJS 搜索不起作用

javascript - 如何从字符串名称呈现 react 组件

javascript - 使用 Sails.js 在 MongoDb 中保存 JSON

javascript - 在较小的屏幕上隐藏 JavaScript

javascript - Webpack 正在破坏我的 .scss 样式表类