2017-10-23 15 views
0

固定内容の固定(高さ/幅)のdivを持つWebアプリケーションを表示すると、別のPCで表示が大きく異なっています(つまり、フォントが大きい、改行)。固定幅/高さで同じフォントサイズDivは2台のPCで異なって表示されます。

JSピクセルの深さは、両方のPCで同じです。最初のPCで

Screenshot : The webapp in PC-1

Screenshot : The webapp in PC-2

- コンテンツが第二PCにおいて単一ライン に登場 - コンテンツは、二つのライン(第一PCと比較)

に登場同じ解像度で試してみましたが、それでもコンテンツは異なって見えます。

これはCSSのピクセルとデバイスのピクセルが異なるためですか?

コンテンツを作るためにどのような方法がある場合は、すべてのPCのディスプレイに同じ表示され、ここで答えてください。(フォントサイズやズームプロパティを変更せずに)事前に

感謝。

+1

一連のCSSリセットルールを使用します。ユーザーはブラウザでデフォルトのフォントとサイズを設定でき、表示されているフォントとサイズが異なる可能性があります – charlietfl

+1

フォントが異なります。お使いのPCのフォントは同じではありません。異なるフォントには外見とサイズがあります。両方のコンピュータで使用可能であり、使用可能であることを確認するには、Webフォントを使用する必要があります。 –

+0

@RomanCortesありがとうございました。 –

答えて

3

normalize.cssを使用することをお勧めします。形式の異なるWebサイトは、さまざまなデフォルトフォントとOS固有のスタイル(line-heightおよびfont-sizeなど)があるため、OSごとに異なるように見えます。

フォントについては、プロジェクトにフォントを埋め込むだけです。フォントを指定しないと、WindowsはTimes New Romanに戻ります。

+0

主なことは彼が2 diffを使用しているということです。 OSはPCではない、良い提案 –

+0

ええ。私は今、Webフォントを使用しています、それは完全に動作しています。 –

0

フォントファイルをアップロードしたかどうかわかりません。

@font-face { 
    font-family: main-font; 
    src: url(nameOfFontFile.ttf); 
} 

があなたのCSSファイルでフォントで名前main-fontを使用します。 しかし、ここでは、CSSでフォントを取得する方法です。

#someId { 
    font-family: main-font; 
} 
関連する問題