ブラウザの表示制御とかswiperとか

    サイト制作関係で

    1. cssとか構造同一なのに文字サイズが違う…
    2. swiperでスライドの制御をリンクでやりたい

    が解決したのでメモ

    1,ブラウザのお節介(?)でした(^_^;)

    どーせcss上書きしてるかjsまわりでしょーと弄っても治らず…
    ソース比較しても一緒だったりで煮詰まったあたりにヒットー

    PC向けサイトがスマホでも崩れないようにする方法

    -webkit-text-size-adjust: 100%;

    \(^o^)/

    2,新しいバージョンの情報が少ないだけだった

    まずswiperはコチラ

    ネット上に転がってるコードとか使ってもなんか動かんなーと思ってしらべてたら
    https://github.com/nolimits4web/Swiper/issues/1158

    \(^o^)/

    mySwiper.slideTo(index, speed, runCallbacks);

    apiに書いてあった(;・∀・)

    <ul>
    <li><a data-slide="1" href="#slide2">ほげ</a></li>
    <li><a data-slide="3" href="#slide4">ほげほげ</a></li>
    <li><a data-slide="6" href="#slide7">ほげほげほげ</a></li>
    </ul>

    とか書いといて

    $('a[data-slide]').click(function (e) {
     e.preventDefault();
     swiper.slideTo(
     $(this).data('slide'));
     });

    とか(jQuery)

    外語でも逃げずに読めってことですね…