差分
このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン 前のリビジョン 次のリビジョン | 前のリビジョン | ||
javascript:jsfiddle [2022/09/17 03:35] – [レスポンシブ対応] ともやん | javascript:jsfiddle [2022/09/23 22:01] (現在) – [パラメータ] ともやん | ||
---|---|---|---|
行 139: | 行 139: | ||
border: solid 3px; | border: solid 3px; | ||
border-color: | border-color: | ||
+ | box-sizing: border-box; | ||
} | } | ||
.wrap_smart-device p.header { | .wrap_smart-device p.header { | ||
行 150: | 行 151: | ||
transform-origin: | transform-origin: | ||
} | } | ||
- | .wrap_smart-device p:empty, | + | |
+ | width: 97%; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | /*.wrap_smart-device p:empty, | ||
.wrap_smart-device p:blank { | .wrap_smart-device p:blank { | ||
padding: 0; | padding: 0; | ||
- | } | + | }*/ |
</ | </ | ||
</ | </ | ||
行 163: | 行 168: | ||
</ | </ | ||
< | < | ||
- | < | + | <iframe width=" |
</ | </ | ||
</ | </ | ||
行 183: | 行 188: | ||
border: solid 3px; | border: solid 3px; | ||
border-color: | border-color: | ||
+ | box-sizing: border-box; | ||
} | } | ||
.wrap_iframe_min-width1 { | .wrap_iframe_min-width1 { | ||
行 198: | 行 204: | ||
border: solid 3px; | border: solid 3px; | ||
border-color: | border-color: | ||
+ | box-sizing: border-box; | ||
} | } | ||
.iframe_min-width1 { | .iframe_min-width1 { | ||
行 213: | 行 220: | ||
同じコードのままで表示幅いっぱいにも対応できますが、今度はスクロールバーが邪魔です😭\\ | 同じコードのままで表示幅いっぱいにも対応できますが、今度はスクロールバーが邪魔です😭\\ | ||
+ | <WRAP iframe_trim> | ||
<WRAP iframe_min-width1>< | <WRAP iframe_min-width1>< | ||
<iframe class=" | <iframe class=" | ||
</ | </ | ||
+ | </ | ||
< | < | ||
行 223: | 行 232: | ||
border: solid 3px; | border: solid 3px; | ||
border-color: | border-color: | ||
+ | box-sizing: border-box; | ||
} | } | ||
.wrap_iframe_min-width2 { | .wrap_iframe_min-width2 { | ||
overflow-x: scroll; | overflow-x: scroll; | ||
} | } | ||
- | @media (min-width: | + | @media (min-width: |
.wrap_iframe_min-width2 { | .wrap_iframe_min-width2 { | ||
overflow-x: hidden; | overflow-x: hidden; | ||
行 261: | 行 271: | ||
</ | </ | ||
+ | <WRAP iframe_trim> | ||
<WRAP iframe_min-width2>< | <WRAP iframe_min-width2>< | ||
<iframe class=" | <iframe class=" | ||
</ | </ | ||
+ | </ | ||
+ | ===== パラメータ ===== | ||
+ | < | ||
+ | <iframe id=" | ||
+ | < | ||
+ | let iframe = document.getElementById(" | ||
+ | iframe.contentWindow.hoge = " | ||
+ | window.hoge = " | ||
+ | </ | ||
+ | </ | ||
===== 参考文献 ===== | ===== 参考文献 ===== | ||
[[https:// | [[https:// | ||