diff options
author | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2021-12-19 03:02:11 +0900 |
---|---|---|
committer | potappo <potappo@gmail.com> | 2021-12-20 00:52:23 +0900 |
commit | 918201f110b6ad4fd68e335af02763b9ad272631 (patch) | |
tree | a46e1d30f63f7f10637023e037eb212e07c90a0b /files/ja/web/progressive_web_apps | |
parent | 1ec1a003d9937f27929513cfb6e2619efffe0efc (diff) | |
download | translated-content-918201f110b6ad4fd68e335af02763b9ad272631.tar.gz translated-content-918201f110b6ad4fd68e335af02763b9ad272631.tar.bz2 translated-content-918201f110b6ad4fd68e335af02763b9ad272631.zip |
Update files/ja/web/progressive_web_apps/responsive/graphics_for_responsive_sites/index.md
Co-authored-by: potappo <potappo@gmail.com>
Diffstat (limited to 'files/ja/web/progressive_web_apps')
-rw-r--r-- | files/ja/web/progressive_web_apps/responsive/graphics_for_responsive_sites/index.md | 2 |
1 files changed, 1 insertions, 1 deletions
diff --git a/files/ja/web/progressive_web_apps/responsive/graphics_for_responsive_sites/index.md b/files/ja/web/progressive_web_apps/responsive/graphics_for_responsive_sites/index.md index af84623932..d65f6670a6 100644 --- a/files/ja/web/progressive_web_apps/responsive/graphics_for_responsive_sites/index.md +++ b/files/ja/web/progressive_web_apps/responsive/graphics_for_responsive_sites/index.md @@ -25,7 +25,7 @@ translation_of: Web/Progressive_web_apps/Responsive/Graphics_for_responsive_site ## 異なる解決策への対応 -この節では、様々な解像度の多難つで画像を動作させるための様々戦略について説明します。ここで問題となるのは、ラスター画像を高解像度のデバイスで表示すると、同じ数のピクセルがはるかに小さな画面スペースに表示されるため、小さく見えてしまうということです。ほとんどの高解像度端末では、ウェブページ全体に既定の拡大率が適用され、コンテンツが少しでも読みやすくなるようになっていますが、この場合は、拡大された画像がピクセル化されて醜く見えてしまうことが欠点です。 +この節では、様々な解像度のデバイスで画像を動作させるための様々な戦略について説明します。ここで問題となるのは、ラスター画像を高解像度のデバイスで表示すると、同じ数のピクセルがはるかに小さな画面スペースに表示されるため、小さく見えてしまうということです。ほとんどの高解像度端末では、ウェブページ全体に既定の拡大率が適用され、コンテンツが少しでも読みやすくなるようになっていますが、この場合は、拡大された画像がピクセル化されて醜く見えてしまうことが欠点です。 - 高解像度と低解像度の画像を用意する - 高解像度画像と低解像度画像を作成し、[resolution メディアクエリー](/ja/docs/Web/CSS/resolution)を使用して、高解像度画像を高解像度端末にのみ提供するという方法があります。 |