0

私はこのサイトhttp://heyheyandco.com/を持っていますが、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;
}

問題が何であるかをどのように見つけ、どのように修正できますか?

4

2 に答える 2

1

私にとっては、モバイル フレンドリーではないヘッダーを除けば、iPhone では問題ないように見えます。あなたの問題についてもっと説明していただけますか？たぶんスクリーンショット...

ここでデバイスの解像度をテストしてみてください http://mattkersley.com/responsive/ここでは、開発者ツールを試して、さまざまなタイプのデバイスで発生する問題を確認できます。

于 2013-03-20T07:09:52.477 に答える
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ファイルで使用してください...おそらく解決策が得られます

于 2013-03-20T10:31:15.330 に答える