・アンカーポイントが重なっている可能性がある
参考URL (引用元:https://crft.jetsets.jp/adobe-illustrator/%E3%82%B3%E3%83%BC%E3%83%8A%E3%83%BC%E3%82%A6%E3%82%A3%E3%82%B8%E3%82%A7%E3%83%83%E3%83%88%E3%81%8C%E3%81%A7%E3%81%AA%E3%81%84%EF%BC%81/)
・アンカーポイントが重なっている可能性がある
参考URL (引用元:https://crft.jetsets.jp/adobe-illustrator/%E3%82%B3%E3%83%BC%E3%83%8A%E3%83%BC%E3%82%A6%E3%82%A3%E3%82%B8%E3%82%A7%E3%83%83%E3%83%88%E3%81%8C%E3%81%A7%E3%81%AA%E3%81%84%EF%BC%81/)
参考サイト:slick.jsでjavascriptの読み込みが終わるまで縦並びになってしまう。【Quiita】
結論から言うと、CSSにて例えば以下のような任意のクラス名を作りslick.cssに記述、slide_nolineを付与する
.slide_noline {
display: none;
float: left;
height: 100%;
min-height: 1px;
/* slickでjavascriptの読み込み完了まで一瞬縦並びにしない */
}
.slick-initialized .slide_noline {
display: block;
/* 読み込んだら表示する */
}
■html(例)
<div class=”slide_noline”>
<source media=”(max-width: 767px)” srcset=”./images/mv-slide01-img-sp.webp”>
</div>