- 締切済み
単位の種類は何を基準に決めればいいでしょうか?
- みんなの回答 (3)
- 専門家の回答
みんなの回答
- ORUKA1951
- ベストアンサー率45% (5062/11036)
一律にこれがよいとは言えないです。 >画像ならpx、文字ならem など基準があれば・・・ 画像は置換インライン要素、文字は非置換インライン要素です。非置換インライン要素はwidthプロパティを持ちませんし、置換インライン要素は置換される内容のサイズがデフォルトです。 <p><span style="width:20px">ここは</span>テストの<img style="width:240px" src="" width="" height="" alt="">です。</p> の場合、spanは指定できないですが、画像は指定できる。 Visual formatting model details - CSS 2.1 spec (ja)( http://momdo.s35.xrea.com/web-html-test/spec/CSS21/visudet.html#Computing_widths_and_margins ) 10.3 幅とマージンの計算( http://momdo.s35.xrea.com/web-html-test/spec/CSS21/visudet.html#Computing_widths_and_margins ) 一方ボックスの場合は、自身の場合や抱合しているブロックがstaticであるかないかなどにも関わります。 何が言いたいかと言うと、「文字なら、画像なら・・」ではなく、 ・それぞれのサイズを何によって決めたらよいか が判断基準になるからです。 最近は、スクリーンメディア一つとっても、スマホから巨大なディスプレイまで様々な端末があります。そのために、ウィンドウサイズやボックスのサイズはリキッドで指定することが多いでしょう。 分かりやすいのでHTML向けに記述すると header,section,footer{width:100%;min-width:470px;max-width:1000px;margin/o auto;} section figure p img{width:80%;height:auto;} そのページに対して印刷用スタイルシートを書く場合は header,section,footer{width:190mm;margin:0 auto;} section figure p img{width:150mm;height:auto;} とするでしょう。 一方フォントのサイズは、自身を囲んでいる要素のサイズでなく自身のサイズを指定しますから、 そのページのフォントサイズをユーザーの指定に合わせるなら、%やemで良いでしょうし、著者から強制的に指定するならpx(印刷用はptとかmm)で指定するでしょう。 私は視覚弱者を考えて、フォントサイズは%やemなど相対サイズで指定することが多いです。 サイズの単位の選択は、それぞれのプロパティによって意味が変わります。width:とfont-size:のように・・ どのサイズが良いかは、その場その場に合わせて著者が熟慮して指定すべきであって、これが良い、悪いという基準はないでしょう。
- tracer
- ベストアンサー率41% (255/621)
InternetExploer10以上を対象にできるなら、画像以外はremが便利でしょう。 画像に関しては、レスポンシブ対応が多いでしょうから、html側では実際の画像サイズ、css側では%指定が多いのではないでしょうか。 詳しくは以下をどうぞ。 ただの検索結果です。 rem https://www.google.co.jp/search?sourceid=chrome-psyapi2&ion=1&espv=2&es_th=1&ie=UTF-8&q=rem%20css レスポンシブ https://www.google.co.jp/search?num=100&newwindow=1&safe=off&espv=2&q=%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B7%E3%83%96%E3%80%80%E7%94%BB%E5%83%8F%E3%80%80%E5%8D%98%E4%BD%8D&oq=%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B7%E3%83%96%E3%80%80%E7%94%BB%E5%83%8F%E3%80%80%E5%8D%98%E4%BD%8D&gs_l=serp.3...32934.37043.0.37351.27.26.0.0.0.5.155.2356.19j7.26.0....0...1c.1j4.57.serp..9.18.1627._eBHq4UKH4c
- -has
- ベストアンサー率100% (1/1)
各種単位の違いは、絶対値か相対値かです。 emや%: 相対的なサイズを指定。 pxは: 絶対的なサイズを指定。 ・文字は画面の標準の一文字の大きさを採用という意味で emや% ・レイアウトの幅などは % ・画像でpxを使ってもmax-widthなどを決めておく ・・・という流れになってきているように感じます。 PCとスマホ数が近々逆転すると言われていますので、 画面サイズが多すぎて、絶対的なサイズでデザインする時代ではなくなっているようです。
関連するQ&A
- CSSでの大きさの単位について
またまた、お世話になります。 フォントサイズの指定をどの単位にしたら良いか迷っています。 emについて調べると、 親要素のフォントの大きさを 1 とする単位 と書かれていたり、 その範囲で有効なフォントの高さを1とする単位 などと書かれています。 ブラウザの文字設定や解像度などで変わることは何となくわかったのですが、この単位ですと、作成時に大きさがつかめないことはないのでしょうか? また、%はどうなのでしょうか? 他の基準となる大きさに対する割合 と書かれていました。 他の基準というのは、そのページ内の他の文字ということでしょうか? 基準となる文字は何なのでしょうか? 説明の後に(基準はそれぞれ異なります)とあります。 あるページで、違いも確認しましたが、はっきり『こうなんだ』とは理解できませんでした。 どのようなパソコンでも、ほぼ同じように見えるようにするには、どの単位を使うのがいいのでしょうか? 現在は、HTMLのフォントサイズを使ったり、CSSではptを使っています。 皆さんのご意見、アドバイスなどお聞かせ下さい。よろしくお願い致します。
- ベストアンサー
- その他(プログラミング・開発)
- cssの文字の単位について。
文字指定の単位はたくさんあります。 『cm』『mm』『in』『pt』『pc』『em』『ex』『px』『%』 と、こんなに色々あります。 それで、どれを使うのが一番良いのかが知りたいのです! 私は今まで『px』を使ってきました。 でも、『px』は使わない方が良いという記事を見ました! どのブラウザでもOSでも問題なく見れて、使いやすいのはいったいどれなのでしょう? ご意見または参考サイトなど教えていただければ幸いです。
- ベストアンサー
- その他([技術者向] コンピューター)
- pxからemへの変換に関して
サイトを構築する際に、単位としてpxを利用してきました。フォントサイズは%を利用しています。 今後リキッドレイアウト、もしくはエラスティックレイアウトに移行したいと思います。 その際に、単位としてemを利用すると思いますが、pxからemへの数値変換方法が良く分かりません。 計算方法もしくは、変換ツールが有れば紹介して頂きたいと思います。 検索した際に「Em Calculator」と言うツールがあるみたいですが、今はサイトが存在しないみたいです。 何かヒントでも有ればと思います。 横方向は文字数と言うことで、イメージが出来るのですが、高さ方向の数字を取得する悩んでいます。 もしかすると高さを指定することが間違い??
- ベストアンサー
- CSS
- CSS2.1とCSS3の違いを教えて下さい。
HTMLの勉強中の作家です。 色々悩んだ末にサイトをHTML5に移行作業中です。 テキストを読んでもCSS3の書式がイマイチよく分かりません。 (CSS2.1の)指定は背景色、文字色(1部文字色変更含む)、フォントの種類、背景色etcetc…と言った至ってシンプルな文字のみのサイトです。 あちこちのサイトを見ながら悪戦苦闘をしていますが、CSSのチェックをかけるとエラーが出ます。 CSS2.1を3にするためにはどこをどう変えれば良いのでしょうか? ちなみに @charset "UTF-8"; .ryoko { color : #407133;} .kazumi { color : #336070;} div,p { color : #222222;} p { font-family: Arial, Helvetica, sans-serif;} body { background-color:#e0ffe0;} a:link { color : #0000ff;} a:visited { color : #003333;} a:hover { color : #660000;} a:active { color:#660066;} p{ margin: 1px 0px 1em 0px; font-size:95%; line-height:103%;} div { color : #222222;} div { font-family: Arial, Helvetica, sans-serif;} div{ margin: 1px 0px 1em 0px; font-size:95%; line-height:103%;} .akeru{ line-height:1em; } ↑これです。テキストとCSS3について説明されているHPと各マチマチなもので戸惑っています。
- ベストアンサー
- HTML
- グリスの種類と使い方
DIY店でグリスを買おうとしましたが、白色やら黄色やら、いろんな種類があって選びかねました。 グリスの色、種類、その使い分け基準についてご教示いただけないでしょうか。
- ベストアンサー
- DIY(日曜大工)
- CSSで一般的でSEOに有効な値(単位)は?
お世話になります。初めて質問させていただきます。 CSSで使う「font-size」や「margin-top」等の属性の値(単位)は「em」「pt」「px」等、色々ありますが・・・ 【例1】 H1{ font-size: 12px; 【例2】 H1{ font-size: 12pt; 【例3】 H1{ font-size: 1em; 上記以外にも色々と値(単位)が有りますが、どれが一般的でSEOに有効ですか?(H1に限りません) また、CSSでの各種の属性に有効な値等が説明してあるHPなどありますか? 教えて下さい。よろしくお願い致します。
- ベストアンサー
- ホームページ作成ソフト
- CSSを使った相対単位の指定方法を教えていただけますか?
今までpxなどの固定幅でしかサイトを作ったことが無かったのですが、今回、%でサイトを作っていこうと思います。 色々とお伺いしたいことは有るのですが・・・。 何個か聞いても良いですか? 質問1 文字などの単位は何で指定したら良いですか?以前は12pxとかで指定していましたが、枠だけ%で文字はpxって何か変かな?と思っています。 通常こういった相対的なサイトを作る場合、どんな単位で指定されますか? 質問2 現在CSSで3カラムをやっとこ作りました。大まかに左から30%・50%・20%といった感じで、うまく表示されているのですが、画面の端っこをつまんで表示を小さくしたら、カラムごと移動してしまいます。 一番小さく画面をしたら、全部左側のカラムの下に移動して、縦一列の1カラムのようになってしまいます。文字は仕方ないかと思うのですが、BOXごと移動は少し変なので、これを固定するにはどうしたら良いでしょうか?? 色々質問してすみません・・・。1つでも結構ですのでお分かりになる方いらっしゃいましたら、アドバイスお願いします! また、相対的な単位でもサイト構成で注意事項などあれば、ご指摘いただければ幸いです。 どうぞ宜しくお願いいたします。
- ベストアンサー
- HTML
- widthやheightの数値に単位(px)はつけない方が良いの?
自分はHTMLやCSSにおいて<img>や<td>に width="100px" とか、 div に { width: 70px } とか、ピクセルの単位を付けて作っています。 どこかの本が単位をつけると教えている……はずだったからです。 今日、HTMLチェックというサービスを行ったら 『不正な設定。数値か%指定にしてください』という様なことをいわれました。 ちなみに用いているDocument宣言は4.01 Transitionalです。幅・高さに 単位はまったく必要ないのでしょうか? 逆に単位を省略してはいけないタグはありますか。
- ベストアンサー
- HTML