忍者ブログ

SHELLY DRUG is glorious.

「チミのデキのいいオツムなら一生賭けてもシェリィドラッグは理解出来ん」

  • 2023/02/14 Tuesday

max-widthのナゾ

なんか……、

ついったー編集したいならてがろぐでいいし、

misskeyでドライブ使いたいならてがろぐでいいし、

Tumblrでイラストタイル表示したいならてがろぐでいい気がする……。

最大で最強のデメリットは外部と繋がってないこと。rssはありますけど。


うっかりてがろぐの初期cssを全上書きしたバカチンなんですが、てがろぐがなぜだかレスポンシブになってるのでナンデナンデと右往左往してたけど理由がわかりました。maxwidthでした。

max-widthは「指定した値以上に要素が広がらないようにする」というcssなんですが、じゃあ指定した値を「下回った場合」どうなるのかっていうのがミソでした。ちなみにこれは巡ったサイトには書かれていませんでした。

「指定した値以下に要素が狭まらないようにする」のはmin-widthなんですが、今回はそうじゃなかったのよねー。


初期cssでは幅の値がmaxwidthで設定されていて、それをわたしは600pxに書き換えたんですが、600px以下のサイト表示、具体的に言うとタブレットとかスマホで見たときには幅が自動的に100%になるんですよ。

widthで指定してると600px以下は横スクロールバー出るんですけどね。

これわざとメディアクエリとかで書き換えてたんですが、自動的に100%になるならレスポンシブ対応じゃね、労力無駄じゃね!? すげえな! てなわけで学びを得たわけです。べんり。

でもたぶん……正規の使い方ではない……、なんとなくそう思うます……。

PR

コメント

現在、新しいコメントを受け付けない設定になっています。

Archives

これより以前のアーカイブはこちら

ブログ内検索