2011-06-28 8 views
1

ipadとiphoneの両方でモバイルサファリを使って自分のウェブサイトを完璧に見せてください。現在、一部のページではすべてのページがランドスケープに見えますが、デバイスをポートレートに変更すると、サイト全体が拡大表示されます。モバイル固有のスタイルを使用していますが、この問題を解決するにはどうすればよいですか?動作しませんiOSモバイルSafariポートレートのレイアウトがあまりにも大きくなっています

ページ:www.zedsaid.com/apps

ページDOESの作品:www.zedsaid.com/blog

CSS:私のページの一部が正しくスケールなぜ

/* iPhone */ 
@media only screen and (max-device-width: 481px) { 
#header { 
    width:860px!important; 
} 
} 

/* iPad */ 
@media only screen and (max-device-width: 768px) { 
#header { 
    width:860px!important; 
} 
} 

私はわからない(ブログ)他のページ(アプリ、連絡先)はありません!

+0

はあなたのビューポートのタグで '初期scale'パラメータで遊んでみましたがありますか? – Ben

+0

これまでにこの問題の解決策を見つけましたか? – Ayyash

+0

いいえ、私は決してしませんでした。 –

答えて

1

これを試してみてください:

body * { 
-webkit-text-size-adjust: none !important; 
} 

かを:

/* iPhone */ 
@media only screen and (max-device-width: 481px) { 
#header { 
    width: 860px; 
    -webkit-text-size-adjust: none; 
} 
} 

/* iPad */ 
@media only screen and (max-device-width: 768px) { 
#header { 
    width: 860px; 
    -webkit-text-size-adjust: none; 
} 
} 
+0

試してみると助けにならないようです。 –

関連する問題