現在、運営サイト全体のメンテナンス作業に取り掛かっています。スマホ対応のCGI掲示板にするには、フォーラム形式じゃなくてトピック形式でよくない？って思って、KENT-WEBのWeb Forumから WEB PATIO に変更しました。
そういえば、前に掲示板設置したっていうエントリー書きましたっけ？
しかし、提供されているCSSはある意味不完全であり、いろいろと手直しをしなければいけないわけです。
たとえば、スマホ画面にしたときのリンク付きのURLの文字が折り返されずに画面からはみ出してしまう状況。
最後にこのはてなブログの記事リンクを掲載してますが、
既定では右側にはみだしちゃったんですよね。
これを防ぐには、CSSでどうすればいいか、とググってみました。
word-break プロパティを使えばいいということです。で、その値は break-all でっか？
a{
word-break: break-all;
}
しかしながら、Expression Webのスタイルの変更ダイアログでは word-break がないんですよね。
まだCSS3には正式に追加されていないようですわ。IEが独自に採用とな？
IEだけじゃなくて、ChromeでもEdgeでも折り返しの設定が可能でした。
とりあえず、word-break: break-all; をCSSファイルに追加しとけば間違いないですね！
