無料ブログ「rentafree.net」の管理人ブログ

@viewportを設定してみました

viewportを設定しないとモバイル機器で勝手に縮小されてしまう問題で、
Opera以外は対応していないようなんですが、公式サイトのCSSに、
@-o-viewport
を設定しました。
@viewport
やってみても予想通り他のブラウザはダメでした。

これでモバイル機器のOperaで公式サイト見た際に縮小表示されなくなったので見やすくなったと思います。

Operaで各ページ確認しましたが、
ブログ記事編集ページのタイトル入力部分が横幅収まらない可能性があるので修正しました。
あと、
エディタの方で、幅が狭いと「ソース←→プレビュー」のモード切り替えのボタンが左のボタンと重なる。
って問題がありましたが、
修正しようかとも思いましたが、
旧エディタを修正しちゃうとメインテスト環境のFirefoxでは急エディタが使用されないので、
不具合が生じた場合に気づきにくいのでやめました。
Firefoxが @viewportに対応するか、Operaが新エディタに対応するまでは放置にします。
現状、タッチパネル機でのエディタ使用は色々無理ありますし。