iPad 中的 Css 问题

Question

我有一个运行良好的网站。但是当我试图在 ipad 中使用它时，它让我滚动到右侧。该站点未上线，因此我无法为您提供 URL

我为容器使用了 width: 953px 并且我没有为 Body 部分使用任何宽度。

Workaround

<meta name="viewport" content="width=953px"/>

<meta name = "viewport" content = "user-scalable=no, width=device-width">

HTML

<div class="maincontainer">
    <div class="firstcontainer">
        <div class="h1-fonts">
            We understand your success
        </div>
        <div class="first-innertex">
            <p>Our planning consultancy is built around our people. We recruit, develop and retain the best professionals. We build strong relationships with our clients to with</p>
        </div>
        <div class="clear"></div>
        <input type="button" onclick="location = '/team'" class="buttonred button-fonts" value="Meet the team" />
    </div>
    <div class="secondcontainer">
        <img src='/media/1004/success_people.png' width="555px" height="368px" alt='Banner Alt text' />
    </div>
</div>

CSS

.firstcontainer {   
    width: 38%;
    top: 147px;
    margin-left: 25px;
    float: left;
}    

.secondcontainer {    
    float: right;
}

.maincontainer {
    border: 1px solid #E2DEDE;
    height: 368px;
    margin-bottom: 20px;
    width: 100%;
}

.button-red {
    font-size: 16.18px;
    font-family: "OpenSans";
    color: rgb(255, 255, 255);
    border-width: 1px;
    border-color: rgb(229, 229, 229);
    border-style: solid;
    background-image: url('../images/arrow.png');
    background-repeat: no-repeat;
    height: 45px;
    z-index: 97;
    padding-right: 40px;
    cursor: pointer;
    margin-left: 0px;
    background-color: rgb(182, 39, 29);
    background-position: 90% 50%;
}

我试过把这两个东西都放上去，但还是不行。

注意:我不想更改我的 css

如果有人可以为此建议我。

Answer 1

我更改了元标记，效果很好。

<meta name="viewport" content="width=device-width; initial-scale=0.8; maximum-scale=1.5;" />

我已将 initial-scale 从 1.0 更改为 0.8。所以它减少了 iPad 的缩放比例，我的网站在不使用任何 css 的情况下运行良好