-3

本当に奇妙なことが起こっています。

現在開発中のWeb サイトでは、ソーシャル ボタンと電子メール ボタンの背景の位置が、私の Mac と他のコンピューターで大きく異なります。

これは、解像度1600 x 1000の私の画面でどのように見えるかです（他のものもチェックしたので、おそらくそうではありません）

私の問題の画面
(ソース: mikolajgrzyb.com )

質問: なぜこの問題が発生し、どのようにこの問題を解決できますか (すべてのコンピューターで正しく表示するには)?

4

1 に答える 1

0

CSS で背景を配置するときに、em と px を混在させています。これがおそらく、見た目が異なる理由です。

.bluebtn {
    background: url("../images/icons.svg") no-repeat scroll 0 -2.7em transparent;
}

em は、フォントのサイズ変更のみに使用する必要があります。

いつ何を使用するかの説明については、これらのリンクのいくつかを確認してください。

emは、現在のフォントの文字サイズに関連するものを定義する場合に使用する必要があります。フォント スタイルをオーバーライドしていない限り (たとえば px 単位を使用)、これはユーザーのブラウザーまたは OS でフォ​​ントを選択した場合に影響を受けるため、長さの一般的な単位として em を使用することは意味がありません。ただし、フォント サイズの拡大縮小に合わせて拡大縮小したい場合は除きます。

役立つ提案

画像をプリロードします。ボタンに初めてカーソルを合わせると、ボタンが遅くなります。

右側のリストは面倒です。マウスアウト後にスクロールアップしない、よりユーザーフレンドリーなアプローチを検討し、そのclick-to-open click-to-closeアプローチを使用してください。現在使用しているアプローチでは、リスト項目間を移動するのが難しくなっています。
また、時々引っかかるようです。

リンクではないテキストには、青以外の色を使用することを検討してください。リンクの青色のテキストに慣れている平均的なユーザーにとっては、混乱を招く可能性があります。

処理、レスポンシブ、カット、準備、レイアウトのつづりが間違っています。
I常に大文字にする必要があります。

于 2012-12-21T13:11:34.430 に答える