0

私の質問は、要素のサイズを設定する最良の方法についてです。 %またはpxで設定する必要がありますか?

私は自分の仕事で Web アプリをやっており、すべての高さ/幅をパーセンテージで設定しています。これは最善のアプローチですか？

最善とは、さまざまなサイズと解像度のモニター、およびクロスブラウザーで正しく表示することを意味します。

サンプルコード:

html
{
    height:100%;
}

body
{
    height:100%;
}

div.title
{
    background-color:Gray;
    padding:0;
    margin:0;
    float:left;
    width:100%;
}

form#ct101
{
    height:100%;
}

そしてそれはどこまでも続く。

ありがとうございました

4

2 に答える 2

0

この質問は古いことは知っていますが、無関係のグーグル検索で未回答が出てきました...

フォームが画面上の唯一のものである限り、高さを 100% のままにしておきます。これは、実際にはアプリから独立しています。一方幅は…

@media を使用すると、モバイル向けおよびデスクトップ向けのフォームをデザインできます。

例：

@media screen and (max-width: 645px) {
form#ct101 {
width: 100%; 
} }
@media screen and (min-width: 646px) {
form#ct101 {
width: 600px; 
} }

これにより、フォームがモバイルデバイスの画面いっぱいに表示されるため、フォームを表示するための最大スペースが確保され、モニターではフォームの入力が長くならないように大きくなりません。理論的には、フォーム フィールドが長いほど、入力に時間がかかると考えられ、フォームから脱落したり跳ね返ったりします。

于 2012-08-06T14:04:50.933 に答える
0

それは本当にあなたがしようとしていることに依存します。たとえば、コンテンツ タグの場合、通常は 80 ～ 95% を使用します。ログイン画面を作成する場合は、ページの残りの部分の外観に応じて、30 ～ 40% または固定幅を使用します。

于 2011-04-24T02:17:43.570 に答える