- このトピックには5件の返信、2人の参加者があり、最後に
により5年、 11ヶ月前に更新されました。
-
投稿
-
お世話になります。
TOPページにスライダーを配置して画像を１枚のみ指定したのですが，iPhoneでは左に1pxほど空きがでるので，.wpaw-slider .slick-slider .slick-list {margin-left: -1px;} で左にもマイナスマージンを設定したのですが，これだと他にも影響がでるでしょうか。
いいねをした人: 居ませんうーん、どうでしょう、他のブラウザでは1pxずれちゃう気がしますが…。iPhone の Safari って結構変な挙動が多いんですよね…。
ちなみに、「空き」というのは、空白ということでしょうか？それとも次のスライドが1px見えちゃってるということでしょうか？
いいねをした人: 居ませんお世話になります。
スライダーに１枚だけ設定しiPhoneのSafariで見た場合に，左に1pxほどの空白（白）が見える状態です。
スタイルをみたら，デフォルトで右にマイナスマージンが1px設定してあったので，左にも設定してみた感じです。
見かけ上，こちらの環境では空白はなくなったのですが，他のブラウザでは1pxズレる可能性がありますか。
時間があるとき再検証してみます。
いいねをした人: 居ませんお世話になります。
ご教示お願いしたいのですが，スライダーに設定してあるマイナスマージン-1pxは，デフォルトで右側のみに設定されているのですが，これは，複数枚写真を使用したときに有用な設定なのでしょうか。
.wpaw-slider .slick-slider .slick-list {
margin-right: -1px
}iPhoneで，Safari のみでなくChromeでも，スライダーに写真を１枚設定したときに，左側に1px白が出るのを確認したもので気になりました。
ちなみに，右側のマイナスマージンを無くしても左側の白は消えず，現在もmargin-left: -1px を足して凌いでいます。
いいねをした人: 居ませんこれなんで -1px させているか思い出しました…！ -1px いれないと次のスライドがちょびっと見えちゃってたんですよね。なので消さないほうが良いとは思うのですが、ちょっと別な対処法がないか調査してみます。
いいねをした人: 居ません
- このトピックに返信するにはログインが必要です。