【Jekyll Chirpy theme】 スマホでもズームできるようにしたい

またデフォルトの挙動が気になる

過去に一度、個人の好みの都合でテーマの見た目を少し変えているのだが、まだ気になることがちょこちょこある。

今一番気になっているのが、スマホでこのサイトを見たときにズームできない現象。ということで、ズームできるようにする。

/_includes/head.html の中で、name="viewport" の<meta>タグを探す。 そのタグのcontent属性から、user-scalable=noを削除すれば完了。

  <meta
    name="viewport"
-   content="width=device-width, user-scalable=no initial-scale=1, shrink-to-fit=no, viewport-fit=cover"
+   content="width=device-width, initial-scale=1, shrink-to-fit=no, viewport-fit=cover"
  >