1

コード内のボタンは次のとおりです。

<!-- CSS Code -->
input {
    height: 100px;
    width: 150px;
    font-size: 55px;
    text-align: center;
}

button {
    width: 87px;
    height: 38px;
    font-size: 12px;
}

<!--  HTML Code -->
<input type="submit" class="button" value="Student">

このボタンを Macbook と Windows ラップトップで表示すると、どちらも異なって見えます。

マックOS：

ここに画像の説明を入力

Windows 7:

ここに画像の説明を入力

ご覧のとおり、Windows 7 バージョンのボタンはフォントが大きくなり、はるかに大きくなっています。私は最初、これを Macbook で開発しました。コードで何かを変更する必要がありますか? なぜこれを行うのですか？

4

2 に答える 2

1

Mac OS では無視されているように見えますが、これはfont-sizeおそらく設計によるものか、一部のブラウザ / OS 設定によるオーバーライドによるものです。

font-size を削除すると、ボタンは両方のブラウザで同じように見えますか? フォント サイズを指定する必要がある場合は、こちらで役立つアドバイスが見つかるかもしれません。

于 2013-04-20T21:25:06.387 に答える
0

このCSSコードを試してみて
ください.button {
width: 87px;
高さ: 38px;
フォントサイズ: 12px;
ボタンのCSS

コードはタグであり、クラスでclass="Button"はないため、このCSSクラスが存在しないため、機能しません

于 2013-04-20T23:28:49.020 に答える