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」では印刷への配慮はしていません。基本的に、レイアウト部分は、印刷出力時には再現されません。