みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

締切り済みの質問

firefoxでzoomを使用したときの表示ずれ

「body」のスタイルシートに「zoom」プロパティを使用して、
画面に表示するサイズの変更を行いました。

確認ブラウザは「firefox」です。

ページ内に設置しているセレクトボックスをクリックすると、
選択肢の位置がズレてしまいます。

対処法が分かりましたらご教授いただないでしょうか?


■【css】---------------------------
body.ick080 {
width:auto;
-moz-transform: scale(0.8, 0.8);
-moz-transform-origin: 50% 0%;
zoom: 1.80;
}

■【html】---------------------------
<table>
<tbody>
<tr>
<th>発行年の範囲</th>

<td>
<select id="feas_1_1" name="year_start">
<option value="1949">昭和 24年( 1949年)</option>
<option value="1950">昭和 25年( 1950年)</option>
<option value="1951">昭和 26年( 1951年)</option>
<option value="1952">昭和 27年( 1952年)</option>
<option value="1953">昭和 28年( 1953年)</option>
<option value="1954">昭和 29年( 1954年)</option>
<option value="1955">昭和 30年( 1955年)</option>
</select>
</td>
</tr>
</tbody>
</table>

投稿日時 - 2015-03-11 17:36:16

QNo.8933721

すぐに回答ほしいです

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

ANo.1

-moz-transform: scale(0.8, 0.8);
単純に、これのせいでbodyがブラウザ幅の8割にまで縮んでいるという事でしょうね。

投稿日時 - 2015-03-12 10:19:31

あなたにオススメの質問