デザインの調整 #2

クローズ
nn/StaticSuwako:n-patch から master への 0 コミットのマージを希望しています
初めての貢献者
説明はありません。
n が 4 コミット追加 2022-05-29 16:38:37 +09:00
508b525bfa スタイルの変更
- フォントの設定
- 間隔の調整
639f2932ca テンプレートの変更
- DOCTYPEをXHTMLからHTMLに変更
- ヘッダーとフッターのアイコンとリンクを調整
- ページの一覧を共通化
- コードブロックのスタイルを移動
- "container"を"header"に統合
a7b1e4e6cf テキストの変更
- 改行に変換されないバックスラッシュを除去
- 一部のコードブロックを引用に変更
オーナー

確認しましたが、HTML5よりXHTMLの方が欲しいです。
色んな小さいブラウザで確認するところ、デザインは結構異なります。

BadWolf:

Luakit:

Palemoon:

Lynx:

Netsurf:

なお、小さいウィンドウ(スマホ画面と同じ感じ)で確認したら、枠がなくなっている+フッターでのボタンはページ外に移動されています。

確認しましたが、HTML5よりXHTMLの方が欲しいです。\ 色んな小さいブラウザで確認するところ、デザインは結構異なります。 BadWolf:\ ![](https://076.moe/img/badwolf.png) Luakit:\ ![](https://076.moe/img/luakit.png) Palemoon:\ ![](https://076.moe/img/palemoon.png) Lynx:\ ![](https://076.moe/img/lynx.png) Netsurf:\ ![](https://076.moe/img/netsurf.png) なお、小さいウィンドウ(スマホ画面と同じ感じ)で確認したら、枠がなくなっている+フッターでのボタンはページ外に移動されています。 ![](https://076.moe/img/tiisaigamen.png)
オーナー

もう一つ、こちらの行列で、タグは正しくないです。

×

<meta name="viewport" content="width=device-width, initial-scale=1">

<meta name="viewport" content="width=device-width, initial-scale=1.0" />
もう一つ、[こちらの行列](https://git.076.ne.jp/TechnicalSuwako/StaticSuwako/src/commit/a7b1e4e6cfb3259e723214d887b210ce1f12b5b2/site.tmpl#L7)で、タグは正しくないです。 × ```html <meta name="viewport" content="width=device-width, initial-scale=1"> ``` ○ ```xhtml <meta name="viewport" content="width=device-width, initial-scale=1.0" /> ```
作成者
初めての貢献者

XHTMLをHTMLに変更したことについて、
HTMLのメディアタイプはtext/htmlであるのに対し、
XHTMLではメディアタイプとしてapplication/xhtml+xmlを使用することが推奨されています。
拡張子が.htmlであるファイルをnginxなどのWebサーバがtext/htmlと解釈してしまうため、application/xhtml+xmlにするために設定を変更する必要がでてきます。
そして、lang属性から言語を特定するブラウザが言語をうまく認識できなくなります。
もちろんその上であれば,XHTMLに戻すように修正できます。

XHTMLをHTMLに変更したことについて、 HTMLのメディアタイプはtext/htmlであるのに対し、 XHTMLではメディアタイプとしてapplication/xhtml+xmlを使用することが推奨されています。 拡張子が.htmlであるファイルをnginxなどのWebサーバがtext/htmlと解釈してしまうため、application/xhtml+xmlにするために設定を変更する必要がでてきます。 そして、lang属性から言語を特定するブラウザが言語をうまく認識できなくなります。 もちろんその上であれば,XHTMLに戻すように修正できます。
作成者
初めての貢献者

ブラウザによってデザインが大きく変わってしまうことについて、スマホ画面で枠が消えるのは意図的なものです。
このような小さなウィンドウでは枠すらも領域を余計にとるものであるためです。
これについても戻すことができます。
これ以外の問題点については修正します。。。

ブラウザによってデザインが大きく変わってしまうことについて、スマホ画面で枠が消えるのは意図的なものです。 このような小さなウィンドウでは枠すらも領域を余計にとるものであるためです。 これについても戻すことができます。 これ以外の問題点については修正します。。。
n が 1 コミット追加 2022-05-29 23:28:19 +09:00
オーナー

有難う御座います。

有難う御座います。
suwako がプルリクエストをクローズ 2022-05-30 02:30:40 +09:00

プルリクエストはクローズされました

サインインしてこの会話に参加。
レビューアなし
ラベルなし
マイルストーンなし
プロジェクトなし
担当者なし
2 人の参加者
通知
期日
期日が正しくないか範囲を超えています。 'yyyy-mm-dd' の形式で入力してください。

期日は未設定です。

依存関係

依存関係が設定されていません。

リファレンス: suwako/technicalsuwako.moe#2
説明はありません。