井戸端の文字サイズ等が勝手に書き換えられたことでレイアウト崩れが生じた事案
一目ですっと頭に入ってくるいい感じのページタイトルが思いつかないwho.icon
主な戦犯:who.icon
from 2026/01/04
who.icon
無断でProjectCSSに/customize/画面幅に応じてページの表示スケールを変更するを追加してみました
テキストが小さくなりすぎなければいいのだけれど
許可を求めるな、謝罪せよの精神だMijikko.icon
とりあえずやってみるのはいいと思うのMijikko.icon
現状ダメってルールないし
物によっては後でボロクソ言われるかもだけど
スマホだとちょっと文字が小さくなるんだMijikko.icon
老眼民が死ぬ可能性がちょっとありそう
なるほど。できれば他の人からの意見も聞きたいですねwho.icon
ポップアップメニューの表示サイズも小さくなってしまう問題にまだ対応していない()
試しに最小フォントサイズを14.25pxに変更してみました。今度はどうだろう……
記述ミスってたので再度更新
もしかするとタッチでの操作性に関しては行間を縮めることがより大きく影響しているかもしれない
ので行間は変えないように。
Android(Pixel 8a)だと微妙にバレットが上にズレるのを観測(21:20頃)meganii.icon
Before
https://gyazo.com/163df94b6e7341b94e244ae7ecdc0a75
After
https://gyazo.com/682ccee295fbbe2d37593257110d1397
※たまたま別ブラウザで表示していたキャッシュのスクショ
PC(Windows版Chrome)でもズレますねMijikko.icon
おーけー、多分直ったはずwho.icon
箇条書きのバレットをFontAwesomeにするUserCSSの数値指定の単位をpxからemに変更しました
んん? 今度はなんだかバレットの表示がやや大きくなったような…いや気のせいかな
(UserCSSとして最初から適用していて、ズレていたことを知らなかったので元のデザインを覚えていないという顔をしている)
https://gyazo.com/c1eb00740d77b41f68ca889a8efab0c4
センタリングされましたが、同時に太く長くなりましたねmeganii.icon
同じくterang.icon
22:16頃 バレットを再修正who.icon
敗因:分母側に単位を指定してはいけない
https://gyazo.com/39b615f3cb71a9880fdc9fc8f309814cはるひ.icon
M1iPad pro safari フルスクリーン 左にめり込んでしまう。ウインドウ幅調節によりなったりならなかったり。
バレットのない行の字が見切れちゃう
Mijikko.icon
個人的にはスマホだと文字小さい方が読みやすい
でも移動中はピント合わせづらくなりそう
脱歩きスマホすべき
私自身も自分で使っていてスマホでカーソルを合わせづらいと感じていたwho.icon
一旦最小文字サイズをもう少し大きめに変えてみます。わずかに小さくなる程度ならどうかなーとwho.icon
でも個人ごとに適用でいいよーな
やはりそう思いますか…who.icon
同じく、好みのサイズは個人ごとに違うので個人ごとでいい気がするyosider.icon
うーむ。もし、既定の文字サイズ(15px)がスマホでは大きすぎるという意見があれば、既定のサイズをひと回り小さくするのもありだと思うのですがね…やはり微妙かwho.icon
そういう意見が多数ならいいかも?yosider.icon
こういうものは大半の人がデフォルトの値から変えられるものだと認識していない。最初から「そういうもの」としてそこにあったものの特性全てが本当に自分にとって最適な状態であるかどうかを一つ一つ点検してから道具を利用するかどうか能動的に選ぶ仕組みにはなっていない。デフォルトの値を今更見直したような意見が多数派になりうるという見解はナンセンスに見えるwho.icon
よほど強烈な違和感を人を抱かせるような状態がデフォルトなら別だけど。
UserCSSそのものが「上級者向けの危険な機能」と位置づけられているが、UserCSSや追加の文字装飾記法なしの「デフォルト」のままでも何一つ不便なことに遭遇しなかったという人が、暗黙のうちに現状の多数派であるかのように印象付けられているのは邪悪なレトリックにしか見えない
たとえばセルの折り返しのUserCSSはこないだ私が作成して/customizeで共有したもので、つい先日から井戸端でも利用され始めたものだが、それまでの何年もの間、長いセルのある表が画面外にはみ出してしまっている状態でも誰も何も困っていなかったのだろうか
まあ、井戸端民は日頃から必要に応じてUserCSSを書いて自力で問題解決しているような逸般人揃いだから、あり得なくはないのかwho.icon
確かに、変えたいという意見がないからといってそれが最適とは限らないのは同意yosider.icon
ただ、変えた設定が多数にとってデフォルトより良いかも同じくわからない
多くの場合デフォルト設定はよくできていると思うので、明らかに改善する場合以外は全体設定を変えるのはリスクの方が大きい気がする
はい…who.icon
from 2026/01/06
caki.icon
mac safariで表示が変になっている
https://gyazo.com/ed52b6571637f5935ef187fbdeb759fd
変なブラウザを使っている方が悪いのかもしれない
firefoxの自分も一瞬これになる(井戸端UserCSS無効化してるがそれが適用される前くらい)sta.icon
おなじく2026/01/04#695b65280000000000939c37 はるひ.icon
変なブラウザのせいじゃなかった 冤罪caki.icon
こちらでも確認したwho.icon
Firefox と Kiwi Browser 137.0.7337.0, (Android 13)
Android 版 Microsoft Edge の stable channel はwebviewが端末依存らしく、中身が古いことがある(一方で、Beta や Canary は常に最新版 Chromium を内蔵している)
少なくとも3年前まではそうだったはずだが、今どうなっているのかは知らない
あとFirefoxでの「セルのテキストが折り返されるようにするUserCSS」の表示が崩れてしまっていることも確認したwho.icon
who.icon
2026-01-07 01:13頃 Settings を更新して無効化しました
Mijikko.icon
変更が気に食わない?それならProjectCSS変更バトルだ!
お互いの信念をSettingsにぶつけまくって勝利を掴み取れ!
そんなものはない.icon
バトルがしたい人は帰ってくださいwho.icon
壊すのが怖い人は自分のページのUserCSSを変えてテストするのが無難
特に、以下を含む変更は環境によって差異が出やすい
不具合を恐れるのであれば検証しておくと良いかも
フォント関連
font-family
font-size
px
em
rem
画面サイズ・ビューポイント関連
vw
vh
@media
これ以外にも画面サイズによって変わる要素は全体的に検証対象
Androidスマホでのみ不具合が出る場合は、USBデバッグとchrome://inspectを使うと良い