SCSS (Sass): iOS や Android 向けスマホサイト対策

iOS のデフォルト input ボタンのスタイルを解除

input[type="button"] {
    -webkit-appearance: none;
}

iOS や Android でリンクをタッチしたときにデフォルトのハイライト(黄色枠、半透明の枠)を解除

* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

iOS でリンクを長くタッチしたときに出るコンテキストメニューを出さなくする

* {
    -webkit-touch-callout: none;
}

iOS や Android でテキストやボタンを長くタッチすると選択状態になるのをさせなくする

* {
    -webkit-user-select: auto;
}

上記二つについて、テキストフィールドを例外にする(上記二つは不要、下記のみで OK)

*:not(input,textarea) {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}

iOS などでテキストが少し見やすいように大きなサイズに調整されるのをやめる

* {
    -webkit-text-size-adjust: none;
}