電話ビューと通常のビューのみを持つレスポンシブ レイアウトを作成しようとしています (つまり、タブレットは通常どおりページをロードする必要があります)。
CSS に関する限り、すべてが正しく機能していますが、ポートレート モードの場合、ビューポートがタブレットのズームを台無しにしています。(ピクセル幅に拡大されています)
携帯電話の負荷をそのサイズに合わせてスケーリングしながら、タブレットをページ全体にズームアウトする方法はありますか?
これが私が持っているものです...初期スケールを.75に変更するとほとんど機能しますが、iPhoneは横向きのときに通常のサイトをロードします。これは望ましくありません。
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" type="text/css" media="only screen and (max-width: 568px)" href="css/mobile-styles.css" />