彩りの大地 外部リンク

ぺぇじへっどらいん

外部サイトのレイアウト問題

掲載サイトの中にはレイアウトに対して閉口してしまう場合があります。。。
拡張機能Stylishを搭載している場合の対応策ですが、以下のユーザースタイルシートを当てることで解決するかもしれません。

横スクロール標準化
comment:横スクロールを禁止するサイト、結構ありますよね。 主にレイアウトの都合なんでしょうが、私の場合、ツリータブブラウザを使っている都合と、 そもそものPcの解像度がそこまで広くない場合、 そして、だからといって描画サイズを縮小すると、今度は文字が読み取れないという弊害が起こりえます。。。 無論、ホイールクリックでやれる方法もあるにはあるのですが、 不用意にスクロールしすぎて返って面倒するなど、いろいろと弊害もあります。。。 だからそれを何とかしたいと思ったときに考えたのがStylishで以下のコードを適用すること。
apply target:指定なし
body{
    overflow-x: auto !important;    /* 必要な場合にスクロールバーを出す */
}
body{
    overflow-x: scroll !important;    /* スクロールバーを強制化する */
}
文字サイズを大きくしてきちんと閲覧できるようにする
comment:文字サイズが小さくて見えません。 だったら拡大しようにも、どういうわけか文字サイズはまったく変化しないというもの。 理由はいたって簡単で、cssで -webkit-text-size-adjust: none が記述されているため。 どうやらブラウザのバグであるらしいのだが、直されていないようなのでれっきとした仕様みたいな感じになっているのだろう。 とはいえ、それでは不便と感じる人もいることは間違いないので、以下のユーザースタイルシートで対策してみましょう。
apply target:指定なし
body{
    -webkit-text-size-adjust: 100% !important;
}
kouryakubo .com plus
comment:攻略簿シリーズのサイトのレイアウトを変更します。 何を思ったのか、リストの文字列が重なる現象が発揮されているため、それを解消してくれます。
apply target:攻略簿シリーズのサイト(http://www.kouryakubo.com/)