0

モバイルについてはまだ話していませんが、ラップトップのディスプレイのピクセル数に基づいて幅と高さを設定していますが、デスクトップの 22 インチ モニターでは、すべてが適切ではなく、div ラインが短すぎます (より大きな表示されるので意味があります）など。

厳密にパーセントを使用する必要があると考えているため、「幅:200px」ではなく「幅:64%」としますが、それでよいでしょうか?

また、一部の Web サイトでは、ブラウザー ウィンドウを縮小するとコンテンツが調整されます (「margin:0 auto」の効果のように見えますが、中央に配置されているだけです)。また、幅が十分に小さくなると、調整が停止します。 、これ以上移動すると停止し、コンテンツが収まるようにその下の行に移動し始めます...どうすれば同じ効果を得ることができますか?

ありがとう！

4

3 に答える 3

1

レスポンシブ レイアウトを使用している Web サイトがあります。モバイル画面、タブレット、フルサイズの PC/ラップトップ画面の向き/すべてが固定されていることを意味します。

彼らはグリッドシステムを利用しています。一般的なものは

お好きな方をお選びいただけます。それらはすべて、物事をうまく処理するための基本的なcssとjavascriptを提供し、完全なWebサイトのワイヤーフレームが提供され、非常によく文書化されたマニュアルがWebサイトで利用可能です. それは実際に楽しく、仕事をより速くします。
乾杯！

于 2013-10-26T16:30:33.197 に答える
0

便利で推奨される単位の 1 つは、それに応じて調整されるビューポートのパーセンテージの長さです。

たとえば、ウィンドウのサイズの div を取得し、最初の div の上に別の div を取得するには:

            <div id='one-page'></div>
            <div id='inside'></div>

              #one-page{
                 width:100vw;
                 height:100vh;
                 background:red;
                position:relative;              
               }
             #inside{
                width:10vw;
                height:10vh;
                background:black;
                position:absolute;
                top:10vh;
                left:20vw;    
             }

http://jsfiddle.net/xv7Yf/

于 2014-03-23T16:05:54.527 に答える