2013-03-19 104 views
0

我完成了HTML設計網站,並在Google電腦上查看了Google Chrome,Safari,IE 9,Firefox和Opera網頁瀏覽器的結果。在Android設備(三星S3)上瀏覽我的網站時,結果與桌面PC/MAC上的結果相同,但在我的iPhone 5或我的朋友iPhone 4上查看時,結果不同。其中一些文字被放大,而另一些則不被放大。我很困惑,我希望有人能夠儘快幫助我。爲什麼我的網站在我的iPhone Safari瀏覽器上看起來不同,我做錯了什麼?

期待您的答覆,並親身瞭解我的意思是:

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

你應該發佈相關的代碼,而不是鏈接到你的網站。 – 2013-03-19 13:36:55

+0

嗨馬修,你想我發佈整個代碼(HTML)和(CSS)? – user1313161 2013-03-19 13:39:04

+2

歡迎來到狂野的網頁瀏覽器世界。 :)只發布與「文本被放大」相關的HTML和CSS。 – WiredPrairie 2013-03-19 13:39:27

回答

0

iPhone的瀏覽器不喜歡拆分保證金或填充CSS樣式。嘗試使用加入的邊距/填充方式。

而是寫的:

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

嘗試:

margin: 90px 0 0 190px; 

這就是保證金:右上左下;

相關問題