2017-11-22 11 views
0

私はウェブ開発者です。 レスポンシブモバイルウェブサイトのモバイルウェブサイトでhtmlの 'viewport'オプションを使用しました。ビューポートはモバイル画面を満足できませんか?

はその後、私は以下のようにメタデータを割り当てる: -

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

しかし、私のウェブサイトは、右マージンを削除することができますどのように右マージン(PIC下の私のウェブサイトのメニューバーの一部である)

を発生しますか? .... ご協力いただきありがとうございます!

enter image description here ....

+2

使用<メタ名=「ビューポート」コンテンツ=「ユーザースケーラブル=なし、幅=装置幅、初期の規模= 1.0、最大規模= 1.0」/> そして、メディアクエリ応答する。 – Roy

+1

@Royバッククイック '' 'を使用します。コメントの内容を読みやすくします。 ':-)' – Martin

+0

うわー、素晴らしい!ありがとうロイとマーティン –

答えて

0

がこれを書いて、それが動作するかどうか試してください...

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

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

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/> 

EDIT: 静的な幅を与えることによって、あなたはすでに応答性を失うされています。代わりにdevice-widthを使用してください。自動的にデバイスの幅が使用されます。

max-scale=1.0およびuser-scalable=noは、ユーザーが携帯電話をズームするのを許可しません。あなたは、ユーザーがウェブサイトにズームインようにしたい場合は、これらの2

+1

なぜこれは-1を得るのですか?これは正しいですが、*なぜ*これが機能するかを説明することで、大幅に改善することができます。 – Martin

0

あなたがこれまであなたのメディアクエリを変更する必要があることができ、削除することができますこれはあなたのウェブサイトでの作業に違いがあります。私が正しい場合はvodeしてください。サイトにする

<meta name="viewport" content="width=device-width, initial-scale=1"> 
関連する問題