タイルリストでサムネイルがないときの画像横幅が広く、はみ出てしまう(iPhone)

Simplicityの特徴 フォーラム 不具合報告 タイルリストでサムネイルがないときの画像横幅が広く、はみ出てしまう(iPhone)

  • このトピックには6件の返信、2人の参加者があり、最後にTakeshi Miyataにより11年、 4ヶ月前に更新されました。
6件の返信スレッドを表示中
  • 投稿者
    投稿
    • #4153
      Takeshi Miyata
      ゲスト

      iPhoneなどの横幅が狭い端末でタイルリストを表示したとき、サムネイルが設定されていない(No-image画像が表示される)ときに、横320pxがそのまま表示されてしまい、レイアウトが崩れるようです(タイル自体も若干右にオフセットされている?)。スクリーンショットを添付しておきます。2番目に表示されている、サムネイルがセットされた記事は表示に問題ないようです。

      https://www.dropbox.com/s/k1463cqqjpzxddh/%E5%86%99%E7%9C%9F%202014-10-15%2011%2024%2022.png?dl=0

      バージョンはSimplicity201401014、子テーマを利用しています。
      かゆいところに手が届くバージョンアップで、本当にありがたいです。どうぞよろしくお願いいたします。

    • #4159
      アバター画像わいひら
      キーマスター

      あれ?何でだろう…。
      タイルリストは、3カラム子テーマ利用ではなく、Simplicity201401014のテーマカスタマイザーからの設定ですか?
      あとテーマカスタマイザーの設定の場合、何列表示にされているでしょうか?
      後でスタイルを確認してみます。

    • #4163
      Takeshi Miyata
      ゲスト

      はい、こちら3カラム子テーマではなく、Simplicity201401014のカスタマイザーで、「タイル2列」表示にしています。

      こちらで設定した子テーマかと思ったのですが、子テーマを外しても同様でした。
      Mac版のsafariでUAをiPhone(safari iOS7)にしたときはズレないので、横幅が狭いときのみに発生するのかもしれません。

    • #4168
      アバター画像わいひら
      キーマスター

      僕は、iPhoneを持っていないので画像がはみ出す不具合までは確認できなかったのですが、確かに横幅が狭いブラウザで通常とは表示が異なる不具合を確認しました。

      早速修正してみたので、最新版をダウンロードして試してもらってよいでしょうか。
      もし、まだ画像がはみ出すようでしたら、よろしかったもう一度iPhoneのキャプチャーをいただけると助かります。

    • #4172
      Takeshi Miyata
      ゲスト

      早速1.1.9 201401014cを入れてみました。今回のバージョンでは、サムネイルの有無問わず、画像が320pxそのままで表示されているようです。

      https://www.dropbox.com/s/zx463l9h0y4ubjz/%E5%86%99%E7%9C%9F%202014-10-15%2018%2027%2038.png?dl=0

      https://www.dropbox.com/s/cowwy9g2pp68mf8/%E5%86%99%E7%9C%9F%202014-10-15%2018%2027%2028.png?dl=0

      #CloudFlareを使っていたので、念のためDevelopment modeで確認しました。

      対応、本当にありがとうございます。必要な情報があればご指摘くださいませ。

    • #4174
      アバター画像わいひら
      キーマスター

      ブラウザ開発ツールのモバイル表示(FirefoxとChrome)では、はみ出はしないので、iPhoneのブラウザ特有の表示なのかもしれません。詳しくはわからないのですけど。

      とりあえず、修正として330pxより狭い画面に表示されたときは、レスポンシブにさらに小さな幅で表示されるように修正しました。WindowsのサファリのユーザーエージェントをiPhoneにして狭い画面でみたらOKだったので、多分大丈夫とは思うのですが。
      アップロードしておきましたのでお試しいただけると幸いです。

      ちなみに、後学のため現在使用されている、iPhoneの機種名と縦横の解像度を教えてもらえると嬉しいです。

    • #4176
      Takeshi Miyata
      ゲスト

      ありがとうございます。1.1.9 201401014d、iPhoneで表示が正しいことを確認できました。

      こちらの環境ですが、iPhone 5s、iOS8.0.2で、960 x 640の画面でした。
      素早い対応、本当にありがとうございます。

6件の返信スレッドを表示中
  • トピック「タイルリストでサムネイルがないときの画像横幅が広く、はみ出てしまう(iPhone)」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)