小编dah*_*ira的帖子

当我在智能手机(iPhone)或MacBook上使用Safari浏览器检查我的网站时,我网站的某些元素比浏览器窗口更宽,例如body-tag.我用dev-tool检查了网站,似乎它的宽度为600px,位于下方.我在Chrome中没有看到这个问题.

您可以在此处看到屏幕截图,并看到窗口的宽度为375px,但body-tag 的宽度为439px .

我正在应用这个CSS规则,因为我读到这应该解决问题但不幸的是它不适合我.

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

这是我正在谈论的网站:http://www.firma-info.no

我希望有人对我有建议.

提前致谢!

我有一个父div,其中包含三个divs,我想让它们高度相同,但它不起作用.第一个和第三个div包含每个图像.第二个div包含三个divs内容.

这是HTML:

<div class="container">
    <div class="column1">
        <img src="http://placehold.it/300x318">
    </div>

    <div class="column2">
        <div class="row1">
            <div class="text">UNIKE GUSTAVIANSKE STILMØBLER.</div>
            <div class="text">VI SELGER HÅNDVERK ETTER 1700-</div>
            <div class="text">OG 1800-TALLS TRADISJONER.</div>
        </div>
        <div class="row2"></div> 
        <div class="row3">
            <div class="text">
                Åpningstider:<br>
                Man - Fre 11 -17     Lør 11- 15
            </div>
        </div> 
    </div>

    <div class="column3">
        <img src="http://placehold.it/300x318">
    </div>
</div>

该.container具有的CSS规则display:flex;.当我还应用此.column1,.column2并且.column3,布局休息.

我试图实现图像高度增加和减少依赖.column2.不幸的是,我无法更改HTML或使用JS.

在这里你可以看到一个JS-Fiddle.我已经注释掉了CSS规则.

非常感谢您的帮助!