0

HTML での Web サイトのデザインを完了し、Google Chrome、Safari、IE 9、Firefox、および Opera Web ブラウザー用の Windows コンピューターで結果を確認しました。私の Web サイトを Android デバイス (Samsung S3) でレビューすると、結果はデスクトップ PC/MAC で表示されるものと同じでしたが、iPhone 5 または友人の iPhone 4s でレビューすると、結果が異なりました。一部のテキストは拡大されていますが、一部は拡大されていません。私は非常に混乱しています。誰かが私をできるだけ早く助けてくれることを願っています.

あなたの反応を楽しみにして、私が何を意味するか自分で確かめてください:

 Visit http:///www.islandtoislandshipping.com

コード HTML:

        <p id="intro">Island to Island Shipping and Removal LTD is a developing 
        organisation keen to<br />provide a high standard of service to its 
        customers. The company specialises in worldwide shipment of any household                 
        products or any goods, however, we<br />specialise directly to the Caribbean  
        (but that is not our limitation!). Island to Island Shipping and Removal LTD 
        provide an efficient, reliable and prosperous service<br />ensuring the highest  
        care is taken to in the process of delivery.</p>

        <img id="aim" src="imgs/aim.png" width="450" height="174" />

    <p>
    <br />As a company, we aim to provide our clients with all the 
    services they<br />require, from practical (shipping, removals) 
    to advise on packing materials<br />and household maintenance. 
    </p>

    <p id="stafftext">All our staffs are very friendly and courteous,<br />feel free to      
    discuss any queries you may have<br />and they will be happy to help. We are a<br   
    />dedicated team aiming to provide a stress<br />free experience for our customers.
    </p>

CSS コード:

#intro{
position:relative;
margin-top:20px;
}

#aim{
margin-top:20px;
}

#stafftext {
position:relative;
margin-left:190px;
margin-top:90px;
 }

.staffimg {
margin-top:-100px;
}

#link1 {
position:relative;
margin-left:130px;
bottom:130px;
text-align:center;
font-size:9px;
 }
4

2 に答える 2

1

iPhone ブラウザーは、分割マージンまたはパディング CSS スタイルを好みません。結合されたマージン/パディングの方法を使用してみてください。

書く代わりに：

margin-top: 90px;
margin-left: 190px;

試す：

margin: 90px 0 0 190px;

それがマージンです。右上、左下。

于 2013-12-09T18:59:29.553 に答える
1

私はあなたのcssに追加しようと-webkit-text-size-adjust: 100%します。bodyiOS デバイスでのテキストのサイズ変更を無効にします。

https://developer.mozilla.org/en-US/docs/CSS/text-size-adjust
http://blog.55minutes.com/2012/04/iphone-text-resizing/

于 2013-03-19T13:54:49.853 に答える