事業部がモバイルで小さいと表示されます

Question

私はウェブサイトを持っています。 http://synodins.com/icemapsです。

ほとんどのブラウザなどでうまくいきますが、モバイルで問題が発生します。導入ボックスは非常に小さくなり、再び通常になるためにズームインする必要があります。一度人々はそれがすべてのデスクトップ/ラップトップで好きであることをやっている。

しかし、人々はこの初期ズームを望んでおらず、最初の印象も悪くなります。

プログラムでズームインしようとしましたが、jqueryのオートコンプリートとカレンダーが正しく配置されません。

モバイルで導入ボックスが正しく表示されるようにするにはどうすればよいですか？

Answer 1

2つのデリゲートCSSファイルをモバイル用とモバイル用（通常は画面サイズとメディアで設定）の2つに設定できます。各画面サイズにこの値を指定してください：

<link rel="stylesheet" media="screen and (min-device-width: 800px)" href="800.css" /> 

または必要なサイズだから、ブラウザのサイズを小さくしたり、フォントサイズを変更したりするためにdivを大きくしますか？

Answer 2

私はあなたのメディアは、あなたがその次元に関連する要素の側面を設定することができ、ディスプレイのサイズを設定することで、CSSの声明このように

@media and screen and (max-width:400px){ 
    div{ 
     width:100%; 
    } 
} 
@media and screen and (min-width:400px) and (max-width:1024px){ 
    div{ 
     width:80%; 
    } 
} 
@media and screen and (min-width:1024px){ 
    div{ 
     width:60%; 
    } 
} 

を適用するときは、設定

を問い合わせる使用できると思います。