Simplicityの特徴 › フォーラム › 不具合報告 › googleMAPのレスポンシブが・・?
- このトピックには7件の返信、2人の参加者があり、最後に
三連休により9年、 8ヶ月前に更新されました。
-
投稿者投稿
-
-
2017年1月8日 11:51 AM #49321
三連休
ゲストSimplicity2.4.4バージョンアップ
「6.iframeのレスポンシブ化部分の修正」の影響でしょうか?googleMAPがレスポンシブになりません
2.3.3では問題がありませんでした -
2017年1月8日 11:57 AM #49322
三連休
ゲストあっ
2.3.3 → 2.4.3 の間違い補足
width=100%なら問題はないです -
2017年1月8日 6:09 PM #49326
Hidekichi
ゲスト> 「6.iframeのレスポンシブ化部分の修正」の影響でしょうか?
おそらくそうかと思います。
> width=100%なら問題はないです
レスポンシブとは親要素に対するwidth: 100%のことなので、そのように修正するしかありませんが、iframeがどうのというよりは、GoogleMapを挿入した時に入れられるcssのセレクタに対してレスポンシブになるように設定する必要があるかと思います。
iframeを利用する何かしらは色々とあるので、iframeを対象にすると別のiframeで問題が出るのはしょうがないかと思います。その理由から、限定的にGoogleMapならGoogleMap、アフリエイトの何かしらならその何かしらに対して設定をする必要があるかと思います。例題があればサンプルを作りますが、どのように挿入しているか、どうしたいのかが不明(※)なのでこれ以上は何とも言えません。
※
横を100%にするということは、縦は可変サイズになります。height: autoで正しく表示されるならそれで良いですが、例えば16:9にしたいとか、4:3とか、あるいは正方形とか可変にも色々とやり方があります。横100%にした時、#mainのサイズいっぱいに表示したいのか、ある要素のサイズに対して一定のアスペクト比で表示して、例えばスマホサイズになったら横100%とか、どういうふうにしたいのかがまず必要です。
-
2017年1月8日 7:20 PM #49327
三連休
ゲスト#mainのサイズを超えた1000pxにした場合でも
以前は#mainのサイズいっぱいで表示されていました
高さはそのままです現在のバージョンでは
#mainを突き抜け1000px幅になります
当然
スマホも同じです以前の仕様は
#mainサイズ以下の時は指定したwidth
#mainサイズ以上の時は
高さ変わらず、幅はmainサイズ(100%)
スマホの場合はwidth=100%でした
-
2017年1月9日 2:26 PM #49345
わいひらキーマスター以下で、2.4.5aを適用させると、おそらく修正されると思います。
https://wp-simplicity.com/downloads/downloads2/ -
2017年1月9日 6:59 PM #49384
三連休
ゲストおちかれ様です
リンク先で「2.4.5a」がダウンロードできるのでしょうか?
変だなー
?? -
2017年1月9日 7:38 PM #49386
わいひらキーマスター失礼しました。
2.4.5をアップして数時間後に2.4.5aをアップしたつもりでいたんですが、ちゃんと適用されていなかったようです。
今、2.4.5bをアップしておいたので、ダウンロードできるかと思います。 -
2017年1月9日 8:47 PM #49390
三連休
ゲスト直りました!
ありがとうございます
googleMAPの仕様が
地図移動(指2本操作)同様、変わってしまったのか!?
と焦りました!!
-
-
投稿者投稿
- トピック「googleMAPのレスポンシブが・・?」には新しい返信をつけることはできません。