html - 调整窗口大小导致问题

标签 html css web

我想在我的网页上的某个位置放置一个按钮,但调整窗口大小导致按钮移动。

这是 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/

相关文章:

html - 将元素垂直居中放置在页面的任一侧

html - 伪元素 :before border-radius of parent div

jquery - Owl Carousel 2 可见项中的第一项和最后一项如何添加类?

python - 处理 POST 请求 Flask

javascript - 拖放功能自动改变值

jquery - 从左边而不是右边剪切图片的宽度

css - 在 HTML 中格式化嵌套表格

html - Internet Explorer 在链接中显示不需要的空间

java - eclipse - "Error moving resource"

MongoDB 在处理重复查询时变得更快