flexboxで横並びにした要素内でheight 100%を指定した際、iOS10で効かないということがあったので対応方法をメモ。
HOME > バグ・不具合
-
flexboxで横並びにした要素内でheight 100%がiOSで効かない
-
video要素にsetAttributeで追加したmutedがFirefoxとchromeで効かない
setAttributeでmutedを指定した際に、Firefoxとchromeでミュートにならない現象に遭遇したのでメモ。
-
コンテンツタイプの年アーカイブ一覧でsort_orderが効かない
以前にコンテンツタイプで年のアーカイブ一覧を表示する方法の記事を掲載しましたが、sort_orderで降順にしようとしたところうまくいかなかったので、その際の対応方法をメモ。
「Movable Type Pro r.4208」で確認しています。 -
Movable Typeで投稿した記事が途中で切れる
投稿した記事が途中で切れて保存されてしまう現象に遭遇したのでメモ。
-
Safariでborder-radiusの指定が効かない
border-radiusとoverflow: hidden;を指定した際、Safariでborder-radiusが効かないことがあったので、対応方法をメモ。
-
Firefoxでbox-shadowのアニメーションが発生しない不具合
box-shadowをtransitionでアニメーションさせたときに、Firefoxでだけ意図した動きにならないことがあったのでメモ。
-
Media Queriesを入れ子にした場合、IEで適用されない
Media Queriesを入れ子にできるのか疑問に思って試してみたところ、IE11で適用されないようだったのでメモ。
-
chromeでpointer-events noneが効かない不具合
YouTube埋め込みの前面に要素を重ねてpointer-events: none を指定した際、Google Chromeでうまく効かないことがあったので、その原因と対応方法をメモしておきます。
-
Facebookページプラグインのレスポンシブ対応で表示されない場合
以前にFacebookのページプラグインをレスポンシブに対応する方法の記事を書きましたが、画面幅によって表示されない現象に遭遇したので対応方法をメモ。
-
iOSで変数未定義がundefinedでないことがある
JavaScriptで変数に値が入っているかどうかを調べたときに、iOSでだけundefinedでないことがあったので調べたことをメモ。