ビューポートを最小幅に縮尺する方法

Question

問題：私は恐ろしい< 480pxと見えるページがあり、ユーザーに関連情報が十分に表示されません。

未遂ソリューション：

• （例：320PX画面）が1.5に初期スケールを設定し、その後私は320-480px間のすべての画面サイズのためにそれに応じてスケールを設定する必要があります。
• （例：320pxの画面）では、ビューポートの幅を480pxに設定しますが、縮尺設定のようにズームアウトする代わりに画面をスクロールする必要があります。

質問：私が必要と思われるのは、2つのソリューションの組み合わせです。私のビューポートを拡大するものですが、画面上に480px分のコンテンツなどの最小幅が表示されるまでです。これはjavascriptなしで可能ですか、解決策＃1は私が何をする必要がありますか？

その他の考慮事項：ソリューションは、すべてのブラウザ/モバイル（IE11 +）上で動作する必要が

Answer 1

あなたはメディアクエリを使用しようとしたことがありますか？例えば

：

@media screen and (min-width: 480px) { 
    body { 
     background-color: lightgreen; 
    } 
} 

Answer 2

私はあなたがやろうとしているものではない100％確信しているが、私が正しく理解していれば、あなたは、CSSでこれを設定することができます。幅を100％に設定すると、ビューポートウィンドウに柔軟性が維持されます&最小幅を設定すると、それより小さくなることはありません。

html,body { 
    width: 100%; 
    min-width: 480px; 
    height: auto; 
}