2018年10月28日日曜日

Mobile Usability: Clickable elements too close together, Content wider than screen, Text too small to read

さて、テンプレートを読み下すのが面倒で放置しておいた残りのエラーを直す必要に迫られました。Google Search Console のエラー・カウントがポン、ポンと跳ね上がって行くので。

悩みましたね。

ですが、テンプレートで様々な分岐を行なっていても、結局それはサーバ・サイドで処理されてしまう部分であって、実行時の画面サイズに依存した処理ではないのです。
<b:if ...> とかで分岐している奴ですね。

で、実行環境での解像度を読みとってうまい処理ができないかと、考えたのですが、それもうまく使える変数やタグが無い。

で、諦めて、<head>タグの直後に次のように書いて、お茶を濁すことにしました。



<script>
if (location.search != '?m=1')
 if (window.screen.width < 598)
  location.search = '?m=1';
</script>



多分、大丈夫じゃないかな。



0 件のコメント:

コメントを投稿