googleMAPのレスポンシブが・・?

Simplicityの特徴 フォーラム 不具合報告 googleMAPのレスポンシブが・・?

このトピックには7件の返信が含まれ、2人の参加者がいます。5 ヶ月、 2 週間前 三連休 さんが最後の更新を行いました。

  • 投稿者
    投稿
  • #49321

    三連休

    Simplicity2.4.4バージョンアップ
    「6.iframeのレスポンシブ化部分の修正」の影響でしょうか?

    googleMAPがレスポンシブになりません
    2.3.3では問題がありませんでした

  • #49322

    三連休

    あっ
    2.3.3 → 2.4.3 の間違い

    補足
    width=100%なら問題はないです

  • #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%とか、どういうふうにしたいのかがまず必要です。

  • #49327

    三連休

    #mainのサイズを超えた1000pxにした場合でも
    以前は#mainのサイズいっぱいで表示されていました
    高さはそのままです

    現在のバージョンでは
    #mainを突き抜け1000px幅になります
    当然
    スマホも同じです

    以前の仕様は
    #mainサイズ以下の時は指定したwidth
    #mainサイズ以上の時は
    高さ変わらず、幅はmainサイズ(100%)
    スマホの場合はwidth=100%

    でした

  • #49345
    わいひら
    わいひら
    キーマスター

    以下で、2.4.5aを適用させると、おそらく修正されると思います。
    https://wp-simplicity.com/downloads/downloads2/

  • #49384

    三連休

    おちかれ様です

    リンク先で「2.4.5a」がダウンロードできるのでしょうか?

    変だなー
    ??

  • #49386
    わいひら
    わいひら
    キーマスター

    失礼しました。
    2.4.5をアップして数時間後に2.4.5aをアップしたつもりでいたんですが、ちゃんと適用されていなかったようです。
    今、2.4.5bをアップしておいたので、ダウンロードできるかと思います。

  • #49390

    三連休

    直りました!

    ありがとうございます

    googleMAPの仕様が
    地図移動(指2本操作)同様、変わってしまったのか!?
    と焦りました!!

トピック「googleMAPのレスポンシブが・・?」への新規返信追加は締め切られています。

スポンサーリンク
アドセンス(大)
アドセンス(大)