krzm.jp
黒住浩司 Webサイト

krzm.jpについて

内容

表示環境について

Microsoft Edge

「krzm.jp」サイトは、Web標準仕様を前提としてページデザインを設計し、Microsoft Edge(Chromium)で表示確認をしています。概ね、W3Cの標準に基づいてHTMLやCSSコードを記述してありますが、HTML5、いわゆるCSS3を使用しているため、すべての掲載内容はMS Edgeの最新版(89.0.774.63以降)で完全に表示することができます。

HTML5としての記述の妥当性は、「W3C Markup Validation Service」で検証しています。

一方、旧式ブラウザーであるInternet ExplotrtやMicrosoft Edge(EdgeHTML)での動作は既に考慮していません

また、当サイトではJavaScriptも利用しているので、有効にしてください(主要なブラウザーでは、デフォルトで有効になっています)。なお、2012年以降はFlash(SWFファイル)を使用していないので、Adobe Flash Playerは不要です。

ちなみに、Bingとgoogleの「モバイルフレンドリーテスト」は、パスしています。

その他のブラウザー

「krzm.jp」サイトの基本的な掲載内容は、概ね標準準拠のコードで記述されているので、Firefox、Opera、Vivaldi、Chromeなどのブラウザーでも、最新バージョンであれば、ほぼ問題なく表示可能です。

一方、一部のOSでデフォルトとなっているSafariブラウザーに関しては、一切検証は行っていません。これらのブラウザーでの閲覧は、保証できかねます。

Windows以外のOS

Androidに関しては、HUAWEI MediaPad(Android 7.0)上のFirefox、Chromeで確認し、概ね問題なく表示可能です。ただし、Android版Microsoft Edge(ver.46)では、いくつかのCSSプロパティに対応していないため、意図した表示にはなりません。Android環境では、FirefoxもしくはChromeでの閲覧をお勧めします。

Linuxに関しては、CentOS Stream 8もしくはUbuntu 20 LTSディストリビューションのFirefox ESR版で確認していますが、ほぼ問題はありません。

MacintoshやiOSでは、これらのOSを利用することは全くないので、表示確認は一切行っていません。一般論として、SafariブラウザーのCSS対応度はChrome系やFirefoxよりも劣るので、FirefoxもしくはChromeでの閲覧が望ましいのですが、そもそもMacintoshやiOS環境は当サイトの対象外です。

表示解像度

「krzm.jp」サイトは、画面もしくはブラウザー・ウインドウの横幅に応じて、5段階のレイアウトに切り替わるようにしてあります。

標準
内容領域の幅は画面幅の96%、最大1280ピクセル
基本文字サイズ16px
画面幅1024px以下
内容領域を1段で表示
画面幅420px以下
グローバルナビゲーションを内容領域内に横組みで表示
縦長画面
orientation:portraitの場合
内容領域内を1段で表示
高詳細画面
デバイスピクセル比1.25以上(min-resolution:1.25dppx)の場合
基本文字サイズ18px

これらの設定は、CSS3の「メディアクエリー」で実現しています。デバイスピクセル比の検出に使用しているdppx単位は、IE 11以下では機能しません。ライト/ダークの画面テーマを検出するprefers-color-schemeも、IE11や旧Microsoft Edge(EdgeHTML)では機能しません。故に、各ブラウザーについては、最新版を利用してください。

印刷

紙資源が無駄になるので、「krzm.jp」では印刷への配慮はしていません。基本的に、レイアウト部分は、印刷出力時には再現されません。

1 2 3