人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

フォントサイズが可変かつ行間が見やすいスタイルシートを設定しているWEBサイトを教えてください。(クロスブラウザ対応であることが前提条件です)

●質問者: mono-ms
●カテゴリ:ビジネス・経営 コンピュータ
✍キーワード:webサイト クロスブラウザ サイズ スタイルシート フォント
○ 状態 :終了
└ 回答数 : 5/5件

▽最新の回答へ

1 ● iloveny
●16ポイント

http://www.holiday.yamaha.co.jp/

おとなを、休む日 | YAMAHA

個人的にこれくらいの文字サイズが好き

http://www.movies.ne.jp/dvdtime/onlinedvdrental/index.html

オンラインDVDレンタル スタイル

全部CSSデザインらしいです。

◎質問者からの返答

YAMAHAの細かいCSS設定はさすがですね。

オンラインDVDはクロスブラウザではないですよ。

NC4.7でグチャグチャです。


2 ● yuyumom
●16ポイント

http://wangando.com/

フォントサイズを固定しないで行間を空けるスタイルですね。

http://cmcontents.s20.xrea.com/

XREA.COM

こちらもそうです。どのブラウザでも表示されるようチェックされてるようです。

http://deztec.jp/design/index.html

趣味のWebデザイン

こちらもいいと思います。もう少し行間を空けてもいいかも?

◎質問者からの返答

いずれもそうですが、IE5.0〜でもNC4.7でも同じような文字の読みやすさが実現できていないような気がします。

クロスブラウザ対策が完璧のサイトをご教授下さい。


3 ● vicden
●16ポイント

http://www.yomiuri.co.jp/

YOMIURI ONLINE(読売新聞)

読売新聞のホームページです。

ブラウザの文字サイズ変更機能(IE:「文字のサイズ」、NN:「テキストの縮小/拡大」、Opera:「ズーム」)にも対応しているうえ、画面上の[+][-]ボタンで文字サイズの変更も可能です。

Winしか使用したことが無いのですが、IE、Opera、NN、いずれにおいても、[+][-]も利用可能です。

◎質問者からの返答

メインの文章の行間が狭く、読みにくい印象を持ちました。。


4 ● mansak1
●16ポイント

http://www.udit.jp/

ユーディット(情報のユニバーサルデザイン研究所)

さすがに読みやすいです。

◎質問者からの返答

たしかに。


5 ● nonnaarudente
●16ポイント

http://allabout.co.jp/career/javascript/closeup/CU2000122201/ind...

クロスブラウザを制する Part 1 クロスブラウザとは - [JavaScript]All About

line-height:150%

等で行間をあけ、

かつ、フォントサイズを絶対値で指定しなければよいのでは。

たとえば、

font-size:4

これを指定すると、IE6では文字の大きさをかえられません。ただし、オペラやNNでは変更可能。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ