みんなのお金はIEが間違っていることにかかっていると確信しています。自分が何をしているのかわからない可能性は同じです。IE では、すべてのテキスト (H2 を除く) が font-primary スタイルを取得します。Chrome では、テーブル内のテキストのフォント サイズが正しくありません (またはそう思う)。rev ツールでは次のように記述されています。
color: rgb(0, 0, 0);
display: table-cell;
font-family: Arial, Helvetica, Sans-serif;
font-size: 16px;
font-weight: normal;
height: 76px;
vertical-align: top;
width: 390px;
そのフォントサイズは(私の意見では)小さくする必要があり、IE10 にあります。
html は次のとおりです。
<div class="step-page font-primary">
<div class="content-panel-0">
</div>
<div class="content-panel-1">
<h2>PERSONAL SHIPPING</h2>
<span>Descriptions</span>
<div>
<table class="content-desc">
<tbody>
<tr>
<td>Standard</td>
<td>Standard transport service</td>
</tr>
<tr>
<td>Delivery</td>
<td>Residential delivery service</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
CSS は次のとおりです。
html
{
padding:0;
margin:0;
}
body
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: none;
}
h2
{
border: 0px 0px 1px 0px;
font-weight: normal;
}
.content-panel-0
{
clear: none;
float: left;
padding: 0px 0px 0px 0px;
width: 50px;
}
.content-panel-1
{
clear: none;
float: left;
padding: 0px 0px 0px 0px;
width: 520px;
}
.content-panel-2
{
clear: none;
float: left;
padding: 0px 0px 0px 0px;
text-align: center;
width: 330px; /*375*/
}
.content-desc td
{
vertical-align: top
}
.content-desc td:first-child
{
width: 120px;
}
.font-primary
{
color: #000000; /*black*/
font-family: "Arial", "Helvetica", "Sans-serif";
font-size: 0.750em; /*0.625em; 10px; 12px;*/
font-weight: normal;
}
.font-primary-bold
{
color: #000000;
font-family: "Arial", "Helvetica", "Sans-serif";
font-size: 0.750em; /*0.625em; 10px; 12px;*/
font-weight: bold;
}
何かがおかしい - それは何ですか? FWIW、FFにも同じ問題があると思います。これはIEの問題をさらに指摘していますが、IEの動作は望ましいものであり、私にはより正しいと思われます.