2013-03-20 84 views
0

我在這裏有這個網站http://heyheyandco.com/,我不知道它在iPhone上有什麼問題。iPhone - 網站正在左側

在Chrome,Firefox,IE,iPad中看起來不錯,但不是iPhone。

它就像一切都因爲某種原因飄浮在左邊。

下面是一些我的我的網站的CSS(順便說一句它的一個WordPress站點)的

.site-content article { 
margin-bottom: 72px; 
margin-bottom: 5.142857143rem; 
padding-bottom: 24px; 
padding-bottom: 1.714285714rem; 
word-wrap: break-word; 
-webkit-hyphens: auto; 
-moz-hyphens: auto; 
hyphens: auto; 
padding-top: 15px; 
} 

.site-content { 
float: left; 
width: 65%; 
margin: 1.714285714rem 0 0; 
} 

如何找出問題是什麼,如何解決呢?

+0

是否意味着是一個負責任的網站或固定的嗎? – kyooriouskoala 2013-03-20 07:09:40

+0

您是否意味着標題浮動到左側?嘗試在標題下方的空白處添加一些內容(我想這就是最終放置主要內容的位置),然後看看它是否也會浮動到左側。 – 11684 2013-03-20 07:13:30

回答

1

對我來說,它看起來很不錯,除了不友好的移動頭之外。你能否更詳細地描述你的問題?也許一個截圖...

嘗試測試設備的分辨率在這裏http://mattkersley.com/responsive/你可以玩開發者工具以及看到不同類型的設備上發生的問題。

0
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> 
<meta name="apple-mobile-web-app-capable" content="yes" /> 

使用這個HTML文件中...也許你會得到解決