Yomi-SearchのレスポンシブWeb化

by · 公開済み · 更新済み

A Japan Project では、Yomi-Searchという少し古いシステムを利用している。今やあまり需要もない気がするが、ハダカSearchというYomi-Searchを利用したアダルトサイトのリンク集がある。これを再構築するパワーもないため、せめて、Yomi-SearchをレスポンシブWeb化してみた。UTF-8にせず、Shift-JISのままでとりあえず！だ。

やったのは、HTMLヘッダ部分に次の3行を追加
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="format-detection" content="telephone=no" />

後は style.css に @media only screen and (max-width:767px) を 追加して スマホ用のスタイルシートを書いて終了だ。

レスポンシブWeb化した ハダカSearch

タグ:

おすすめ