我想在我的网页上的某个位置放置一个按钮,但调整窗口大小导致按钮移动。
这是 CSS:
.btn-success{
position: absolute;
left: 37%;
bottom: 20%;
{
和 HTML:
<button class="btn btn-success btn-large">Buy now!</button>
我该怎么做才能防止这种情况发生?如果还有其他我可以发布的内容会有所帮助,请告诉我。谢谢。
最佳答案
正如 prodigitalson 所建议的,不要使用百分比。根据我的经验,在更改不同的屏幕分辨率时使用百分比会破坏您的网页设计。请改用固定宽度或高度(使用 .px 或 .em)。在我的网站中,我使用 margin: 0 auto;
将其居中,并使用固定的高度和宽度,因此在任何屏幕分辨率下我的网页设计都不会受到影响。这是帮助我避免屏幕分辨率问题的指南。 How to Center a Website With CSS .
关于html - 调整窗口大小导致问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17100048/