2012-01-11 8 views
1

モバイル最適化Webページを作成するとき、デバイス幅と固定幅をビューポートメタタグで使用することの長所と短所を理解しようとしています。私のビューポートにデバイス幅または固定幅を使用する必要があります

固定幅:

<meta name="viewport" content="width=640" /> 

デバイス幅

<meta name="viewport" content="width=device-width" /> 

一定の幅にわたってデバイス幅を使用する利点は何ですか? 640pxワイドビューポートを備えた640pxワイドウェブページを作成するソリューションは、実際には電話の実際の幅/高さスペックに関係なく画面の幅全体を常に満たすページを作成するのが最も簡単です。

ランドスケープ/ポートレートの両方をサポートしたい場合は、固定幅を使用するといくつかの問題が発生する可能性がありますか?それとも、それは常に固定された幅をasumesするため、あなたの傾きを使用してメディアクエリをターゲットにすると何かを持っていますか?

私は、このビューポートを使用

答えて

1

<meta name="viewport" content="initial-scale=1, maximum-scale=1">

私は、デバイスの向きを変更したときに、私はスケーリングに問題があったが、これで、どのような方向(水平/垂直)携帯サイトは電話に適合画面は完璧です。

+0

初期スケール= 1とデバイス幅の違いは何ですか? –

+0

私はそれが同じ機能を持つべきだと思いますが、それはありますが、何らかの理由でiPhoneが水平方向で使用されている場合、「width = device-width」を無視し、ページはデバイスより約25%広くなります。私が提案したビューポートはうまく動作します。 –

+0

実際の質問は本当になぜ固定幅のレイアウトを使わないのか、それによってより多くのスタイリングコントロールができます。なぜなら、あなたが必要とするデバイス幅のアプローチではなく、流体レイアウトを作成するには? –

関連する問題