「CSSは従来、height: auto; へのアニメーションを許可していなかったため、内容の高さを測定し、そのピクセル値にアニメーションさせるためにJavaScriptを使用する必要がありました。」 height: calc-size(auto);

<header>...</header> <!--ヘッダ　ここまで--> <!--メインコンテンツ　ここから--> <div id="wrapper" style="height:auto !important;"> <div id="contents" class="clfix" style="height: auto !important;"> <div id="cgmboxR" class="bx" style="height: auto !important;"> <div class="topic">

返信先:@okunokentaroこんな感じでどうでしょう heightは親にheightが明示されていないと効かない ただし、absolute にすると、祖先のrelative の高さを見に行く height に応じた width にしたい場合は、width: auto にしたうえで、aspect-ratio を指定する

<iframe src="mmaaxx.com/Mlist/mura/ind…" width="370" height="400" frameborder="no" scrolling="auto" title="新着動画リスト"></iframe>

<iframe src="mmaaxx.com/Mlist/hgmo/ind…" width="370" height="400" frameborder="no" scrolling="auto" title="新着動画リスト"></iframe>

<iframe src="mmaaxx.com/Mlist/avod/ind…" width="370" height="400" frameborder="no" scrolling="auto" title="新着動画リスト"></iframe>

<iframe src="mmaaxx.com/Mlist/javholic…" width="370" height="400" frameborder="no" scrolling="auto" title="Javholic最新動画リスト"></iframe>

<iframe src="mmaaxx.com/Mlist/docodemo…" width="370" height="400" frameborder="no" scrolling="auto"　title="ムラムラ新着動画リスト"></iframe>

<iframe src="mmaaxx.com/movielist/1pon…" width="370" height="400" frameborder="no" scrolling="auto" title="新着動画リスト"></iframe>

メモ frameや画像の縦横比の表現 aspect-ratio: 345 / 194（16/9);with:345; height:autoで16/9のサイズを指示。padding-topの方法もある。 b-risk.jp/blog/2023/04/a…

5/23　2.5ｈ #本日の積み上げ ✅中級編最終課題 合計102ｈ 👏本日の気付き heightの値を何となく入れてきたけど レスポンス時に表示崩れするからautoで 自動調節に書き直し。 widthもレスポンス時にどこを変えていったら 綺麗に見えるか考えながら書いていった方が良いな。

返信先:@salmonrunonlyカウントダウン始めました⏱️ <iframe id="online-alarm-kur-iframe" src="embed-countdown.onlinealarmkur.com/ja/#2024-05-23…" width="360" height="80" style="display: block; margin: 0px auto; border: 0px;"></iframe>

そもそもfigureタグはwidth:120px;のheight:auto;から16:9で67.5pxになってるのに、 imgタグで呼び出してるのがwidh:120px;, height:68px;になってるのが問題くさいんだよなぁ。

疑似クラスの:hoverでtransform: scale(1.1);　等を指定するとき、親要素がwidth: 100%;　のように相対値指定の場合、どうも一定条件で挙動がおかしくなるっぽい？ 親要素のheightを固定値で指定すると収まるが、autoで問題ない場合もあって気持ち悪い。 vertical-alignの初期値だけが問題じゃない

height: calc-size(auto) で height: 0 から height: auto のアニメーションが出来るようになるらしく激アツすぎる！

ちなみにメディアクエリでは そんな指定要らん‼️ @ media screen and (max-width: ◯px){ width:auto; height:auto; } で何とか耐え凌いだ🥹 （↑デスクトップファースト💻です）

いつもimgに対しては、問答無用で max-width:100%; height:auto; を指定していた事も原因だった🥹 理解して指定しないとダメね🥹 （当たり前だろ）

height : 0 → auto でアニメーションができるようになるのか

右寄せ→margin000auto上右下0を指定左を自動にすることで右寄せになる。これよく使った気がするなぁ。 行間→line height marginとpadding→要素の内側の余白か外側の余白か

僕だけかもだけど、Create .xyzのBuildでスクロールできなくなったので回避策。 下記コードをブックマークに登録しておいて、ページ開いてる状態で押すとスクロールできるよ。 javascript:(function(){document.getElementById('sandbox-iframe').contentDocument.body.style.height='auto';})(); pic.twitter.com/d6pYr7oPzz

width: 100%; height: auto; ってするとwidth: 100%になるはず。たぶん。

🤰😅😻 height bet teaching shift auto satisfaction北京o朝阳o丰台o天津o河西o南开o滨海 新茶，安全放心，进店自选，满意付，莞-式全T ,Q:771451790 V:360215444

CSSでwidth固定height:autoになってる多分　多分…

<iframe src="mmaaxx.com/Mlist/carib/in…" width="370" height="400" frameborder="no" scrolling="auto" title="新着動画リスト"></iframe>

Tailwind CSSでimgのheight属性が負けるやつ、グローバルのimg height: autoが悪さしてるところまではわかったがこいつを無効にできない

が次はPCサイズになったときに画像がクソデカサイズになるようになっちゃったぜ @ media screen and (min-width: 40em) { .img{ width: auto; height: auto; } } で解除できないなら .resizeimage img { width: 100%; } かなあ

<iframe src="mmaaxx.com/movielist/cari…" width="370" height="400" frameborder="no" scrolling="auto" title="新着動画リスト"></iframe>

<iframe src="mmaaxx.com/Mlist/carib/in…" width="370" height="400" frameborder="no" scrolling="auto" title="新着動画リスト"></iframe>

width と heightは無効になる border や padding 、 marginは左右はほかの要素を押し出すが上下の要素には影響しない margin: 0 auto;で中央に寄せることもできない