次に観戦出来るのは多分6/11の上田ジェンシャン戦かな?これも楽しみなカードです。相変わらずシングルプレイでちまちまとペットを集めていますがとりあえずアイテムドロップで集められる基本ペットが一通り揃ったのでまとめておきます。あとはこの90匹を乗騎に育てることになりますがとんでもなく時間が掛かりそう。先日行ったサイトのマルチスクリーン対応作業記録です。おかげさまでサッカーブログの方はそれなりに読んで頂いている様で日々そこそこのアクセスがあります。私自身はサッカー場など出先でのSNSを除きほぼPCしか使っていないので気にしていなかったのですが,改めて確認したところブログへのアクセスは既に半数以上がスマホまたはタブレットなどのモバイル端末からになっていまして。試しにスマホで見てみたらPC用のレイアウトがそのまま縮小されていちいちピンチアウトしないと読めたもんじゃなかったのでこれは対応しなければ,となった次第。いえ使っているCMSはスマホなんて無かった時代の古い物なのでテンプレートもマルチスクリーンには対応していません。自力でなんとかせねば,とGoogle先生に聞いたら意外となんとかなったのでここに作業記録を残しておきます。cssをPC用とモバイル用に分けます。画面解像度で切り替えるので下記の様に記載,とりあえず幅1024px以上をPC,1023px以下はモバイルとしましたが場合によってはこの幅を変更したり800px辺りで更にタブレットとスマホを切り替えたりと色々出来るかと思います。*/}今回は元々PCサイト用だったcssを複製してモバイル用に修正。ブロック要素のwidth指定調整とフォントサイズを一段階大きくしたくらい。あとmin-widthが指定されている場合値を小さくするなり%指定にしないと結局画面全体が縮小表示されてしまうので注意。後は各htmlのヘッダに下記を追加。/>これでPCとスマホが切り替わる様になったのでついでにPC版のレイアウトも横長に拡張,これまではXGA前提だったので流石に時流に合わなくなっていました。PCでも低解像度だったりウィンドウ幅を狭めればモバイル表示へ切り替わることを確認,とりあえず手持ちのPCや端末ではまともな表示になったので今回はこれで対応完了。フォント制作に使用しています。不満無く使っていますが2009年のCeleron搭載モデルなので性能は推して知るべしといったところ。使えるらしいことが判明,今更なスペックではありますが死蔵パーツが転用できるなら悪くありません。軽く検索してみたところ先達の作業記録がサイト閉鎖等で失われつつある様ですのでここで記録しておきます。注)以下の作業はメーカー保証対象外となります。作業は全て自己責任となりますのでご了承下さい。