ページへ戻る

− Links

 印刷 

hypconf (HypCommon の設定) モジュール 1.16 :: XOOPS マニア

UsersWiki:nao-pon/blog/2014-10-08


RSS of nao-pon/blog[5]
2014 10月 8 (水)
 

hypconf (HypCommon の設定) モジュール 1.16 anchor.png[6]

Tag: HypCommon[7] CSS[8] 携帯対応[9]

hypconf (HypCommon の設定) モジュールを 1.16 にしました。

変更箇所はスマホ用の CSS の調整だけなのですが、X-update[10] でバーッジョンアップ通知を出すためにバージョンを上げました。 :-P

メールにて、「GNavi を携帯対応した場合に、登録した URL が長いとテーブルを押し広げてしまい、テーブルのはみ出た部分が表示されない。」といった問題の連絡を頂きました。

そこで、スマホ用に読み込む CSS smart.css をちょっと修正してみました。

実は、

word-wrap: break-word;
overflow-wrap: break-word;

だけで対応しようとしましたが、Android の Chrome で検証したところ、テーブルの中では効かないようでしたので、苦肉の策で

td a,
th a {
    word-break: break-all;
}

を追加しました。

もっと、スマートな方法をご存じの方は、ぜひ教えてください。m(_ _)m



Last-modified: 2014-10-08 (水) 18:26:00 (JST) (3480d) by nao-pon