Post

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

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

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

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

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

1
2
3
4
5
  <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"
  >
This post is licensed under CC BY 4.0 by the author.

© singurilla. Some rights reserved.

Using the Chirpy theme for Jekyll.