2016-10-31 6 views
0

私は3つの異なるdseignを持つレスポンシブウェブサイトを構築しています:モバイル用、タブレット用、デスクトップ用。 各解像度にはブレークポイントを使用しますが、デスクトップ上には多くの画面サイズと解像度がありますので、デスクトップブレークポイント内に多くのブレークポイントを使用する必要があります。デスクトップ上のブレークポイントの代わりにスケーリングを使用する

すべてのデスクトップ解像度で同じように見えるようにページを拡大するように設定することはできますか(もちろん、画面は小さい画面では小さくなります)、モバイルとタブレットにのみブレークポイントを使用しますか?

ありがとう、 ダニエル。

+0

あなたの質問はあまり具体的ではありません...全幅のウェブサイトについて話していますか?いくつかの(唯一のインフォーマントな)コードを表示できますか? – FalcoB

+0

コードはまだありません。私はまだ計画中です...そして、はい、それは全幅のウェブサイト(1920年)です。 – Daniel

+0

大丈夫です。理論的には可能ですが、実際には良いアイデアだとは思っていません...大きな混乱と多くの問題が発生します...古いブラウザ?異なるアスペクト比?と? – FalcoB

答えて

0

デスクトップブレークポイントを使用しているときに、ユーザーが画面のサイズを変更した場合にWebサイトが拡大するようにパーセント幅を使用できます。

例えば:

.main-container { 
    width: 80% 
} 
+0

それは、フォント、画像などを縮尺しません。 – Daniel

+0

イメージのパーセンテージ幅を使用することができますが、フォントは別の処理が必要ですが、私は同意します。 –

0

はい、それは可能です。これを行うための1つの方法は、ページをデフォルトで流体レイアウトに設定し、メイン列(およびサイドバーがある場合は%)を使用してから、モバイルブレークポイントのメディアクエリでブレークポイントを設定し、 。デフォルトの「デスクトップレイアウト」では、最大幅を設定して流体レイアウトを抑制することができます。個人的には、デフォルトでモバイル用のモバイル向けの最初のアプローチとスタイルをとり、特定のブレークポイントでデスクトップ用に変更します。

関連する問題