-1

いくつかの CSS ボタンのスタイルを設定しましたが、見栄えは良いのですが、モバイルでページを開くと見栄えが悪く、定義されたスタイルが使用されていません。通常、すべてのデバイスで CSS のボタンのスタイルを維持するにはどうすればよいでしょうか?

ブラウザで見栄えの良いボタンのコードは次のとおりです。

input[type="button"]
{
width: 416px;
border: none;
color: #fff;
font-size: 1em;
padding: .5em;
margin: 5px 0 5px 0;
border-radius: 3px;
font-weight: bold;
line-height: 40px;
background: #00aeff;
}

input[type="button"]:hover
{
background: #00a0db;
}

しかし、これはモバイルのさまざまなページで実際に表示されたものです。 画像

4

2 に答える 2

0

font-size の問題..フォントの px 値を設定してみてください..問題ないはずです..

お気に入り

input[type="button"]
{
  font-size:14px;
}
于 2013-07-19T10:47:50.080 に答える
0

魔法の弾丸はありません。スタイルに適切なプラットフォーム固有のディレクティブ (つまり -webkit-) があることを確認し、最も重要なこととして、動作しているプラ​​ットフォームでサポートされていることを確認してください。

于 2013-07-18T22:24:12.903 に答える