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

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

  • このトピックには7件の返信、2人の参加者があり、最後に三連休により9年、 8ヶ月前に更新されました。
7件の返信スレッドを表示中
  • 投稿者
    投稿
    • #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本操作)同様、変わってしまったのか!?
      と焦りました!!

7件の返信スレッドを表示中
  • トピック「googleMAPのレスポンシブが・・?」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)