間抜けWebKitのバグ - ..

は、WebKitのブラウザ上でthe gallery i'm buildingをチェックし、変更要素の配置をクリック対リフレッシュ間抜けWebKitのバグ - ..

予告その右上の言葉 - 利用でき、販売、接触から<ul>の一部であり、 Firefoxではが表示されます。です。ul {list-style-type: none;}とli {float: left;}のため、Firefoxではと表示されていますが、水平方向にはと記載されています。

「利用可能」をクリックして、が水平に整然と並んでいることに気づく。戻るボタンを使用するか、左上隅の「疑わしい」をクリックしてください。最初のページでは、きちんとした水平の位置にとどまります。その後ブラウザをリフレッシュしてとすると、再び垂直になります。

.menu ul { 
    list-style-type: none; 
    margin: auto; 
} 

.menu li { 
    padding: 15px; 
    float: left; 
    margin-left: 2px; 
    margin-right: 2px; 
    font-size: 20pt; 
}

出典

2012-02-20 durangotango

font-face定義で使用されているメニュータイトルのフォントがこれを引き起こします。関連トピック：Accurate width of element when using font-face in Chromium 「float：left;」の代わりにliの「display：inline-block」を試してみてください。

メニュータイトルにpng画像を使用しないのはなぜですか？

出典

2012-02-20 23:35:07 trkaplan

私は 'display：inline-block'と' display：inline'を試しました。どちらも動作していませんでした。そして、それもfirefoxでも失敗しました。フォントのそのポストは非常に面白いです。 Google Webfont Loaderを使用してすべての機能を使用する方法を理解する必要があるという複雑さを考えれば、私は今あなたの助言を受けて、名前を決めるときに.pngを作成すると思います。私はそれを行う必要はありませんでした。なぜなら、編集可能でスケーラブルなものが好きだからです。キンクはキンクです – durangotango

間抜けWebKitのバグ - ..

答えて

関連する問題