Photoshop で作成された Web サイトの仕様が提供されました。特定のピクセルベースのパネル幅と、さまざまなアイテムのさまざまなフォント サイズ (ポイント単位) を提供します。
たとえば、データ グリッドのテキストは 12pt Verdana です。グリッドの幅は 765px です。
ブラウザー (Chrome または IE) で 100% でレンダリングすると、グリッドは予想どおり 765 ピクセルですが、フォントはデザインよりも大きく表示されます (ブラウザーでは約 20 ~ 25% 大きくなります)。
Photoshop の DPI 設定が原因ではないかと考えましたが、どちらかといえば逆の効果があったはずです (Photoshop ドキュメントは 72DPI に設定され、Windows/ブラウザーは 96DPI でレンダリングされます)。
私たちが見落としていることについて何か提案はありますか?Photoshop ファイルは 96DPI でオーサリングする必要がありますか?