0

Chrome と IE では、2 つのテキスト ブロックが同じ行に表示されます。ただし、Safari 5.1.7 では、テキストが別の行 (上と下) に表示されます。

Safari 用に配置する必要がある css に何か不足していますか?

HTML と CSS はここに示されていますhttp://jsfiddle.net/Dano007/RKecc/

HTML

    <div class=" grid 6 cheese_people_l" id="cheese_people_l">
        <img id="cheese_people_l"src="img/cheese_expert.jpg">
        <p>Chief Cheese Taster <br/> Dave Le Conk</p>
        <p class="chesse_people">&ldquo;I've always had a passion for cheese. Now I get to taste it everyday! After nearly 20 years I'm still loving the job that I do. I can't actually see myself doing anything else.&rdquo;</p>
    </div>

    <div class=" grid 6 cheese_people_r" id="cheese_people_r">
        <img id="cheese_people_r" src="img/cheese_owner.jpg">
        <p>The Big Cheese Owner <br/>  Sally Fiffle</p>
        <p class="chesse_people">&ldquo;I wanted to create an online store that I'd would trust. This has been done by our amazing staff and the products they produce. Nothing can replace dedication and pasion.&rdquo;</p>
    </div>
4

1 に答える 1

1

Safari 5 は幅の vw 値をサポートしていないようです。

幅が設定されていないかのようにこれらの宣言を無視しているため、要素にはwidth:100%, があり、異なる行に表示されます。

ビューポート単位の使用に関するリファレンス..

于 2013-09-05T20:48:41.053 に答える