0

デスクトップでの表示は次のとおりです。

ここに画像の説明を入力してください

これは、モバイルでの外観です。

ここに画像の説明を入力してください

関連するcss：

styles.sass：

item
  .row
    cursor: pointer
    height: 297px
    .top-border
      border-top: 2px dotted $brand-four
      margin: 30px 0 40px

ライブサイト：

http://alexandrochen.com/

（私はFoundationフレームワークを使用しています）。

これを引き起こしている可能性がありますか？

4

2 に答える 2

1

ピクセルは異なるサイズである可能性があります。

一部のブラウザでは、レンダリングされた要素を拡大して視覚的な問題を解決できるため、サイズを変えることもできます。

于 2012-11-12T02:41:33.033 に答える
1

さまざまなデバイスのピクセルの「物理的」サイズは、ピクセル密度（1インチあたりのピクセル数またはppiで測定）とデバイスが使用している乗数によって異なります。

たとえば、MacBook Pro Retina 15"は220ppiですが、通常のMacbookProは110ppiです。ただし、OSは内部でピクセル数をRetinaで2倍しているため、アイテムの「物理的」サイズは同じである必要があります。ただし、Retina以降同じ量のデータをレンダリングするために2倍の量のピクセルを使用している場合、ビットマップはピクセル化されたように見えます。

どのデバイスがどのppiを持っているかについての詳細は、これをチェックしてください：http: //en.wikipedia.org/wiki/List_of_displays_by_pixel_density

于 2012-11-12T02:52:23.423 に答える