【问题标题】:Remove outline from the template and expand it to 100%从模板中删除轮廓并将其扩展为 100%
【发布时间】:2018-08-25 02:33:49
【问题描述】:

我正在开发一个网站,我有一个模板,它的左侧、右侧和底部都有一个灰色轮廓。

我想从模板中移除灰色轮廓,并将灰色轮廓包围的模板扩展为 100% 的宽度和高度。

请看上图:

Template

这是模板的链接:

http://testgraphic.altervista.org/indextoedit.php

【问题讨论】:

    标签: html css templates responsive-design


    【解决方案1】:

    您可以通过多种方式做到这一点。

    因为您使用 Bootstrap,所以正确的方法是使用 container-fuid 类的 div 更改具有 container 类(具有固定宽度)的 div

    你也可以保留你所拥有的,例如(不是正确的方式)使用:

    .page-wrapper.container {
        width: 100% !important;
        min-height: 100vh !important;
    }
    

    100vh 高度是为你的 div 取你的屏幕高度。

    【讨论】:

    • 还有很多方法可以做到这一点,例如,如果您想要完全显示您的屏幕显示,您可以将表单的宽度设置为 100vw(屏幕的 100%)并使用边距或位置来播放调整元素
    猜你喜欢
    • 2020-06-14
    • 1970-01-01
    • 2012-10-26
    • 1970-01-01
    • 1970-01-01
    • 2020-10-10
    • 2016-03-07
    • 2011-08-18
    • 1970-01-01
    相关资源
    最近更新 更多