タグ・css表示比較

もともとの画面
body
margin:0;
padding:0;
line-height:1;

docomoではpngが表示できない

tag（css指定なし）

Hx

softbaknのみボールド表示

	H1	H2	H3	H4	H5
docomo	大	大	大	デフォ	小
au	大	大	デフォ	デフォ	デフォ
SoftBank	大	大	デフォ	デフォ	小

※auの場合marginが下に2pxつく

ボールド

	b	strong
docomo	×	×
au	×	×
SoftBank	○	○

div

block。paddingなし

docomo	marginなし
au	margin-上に1px
SoftBank	marginなし

p

block。paddingなし

docomo	margin-上に1em
au	marginなし
SoftBank	margin-上に1em

span

inline。paddingなし　marginなし。
との間に改行をいれると、各機種「margin-right:5px;」がはいる。

hr

docomo	margin-上下に3px、濃いグレー、太さ2px
au	margin-上下に1px、グレー、太さ2px
SoftBank	marginなし、グレー、太さシャドーふくめて2px

table

cellspacing、cellpadding、borderに「0」を指定した場合、docomoには「1px」のcellspacingがついてしまう

	cellspacing	cellpadding
docomo	1px	1px
au	1px	2px
SoftBank	1px	1px

table 属性（table）

borderを1以上の数値で設定すると、auと他機種の見え方で差がつく

	cellspacing	ceppladding	border	bordercolor
docomo	○	○	○	○
au	○	○	○	○
SoftBank	○	○	○	○

auでの見え方

docomo、softbankでの見え方

table セル属性（tr/th/td）

	align	valign	width	bgcolor	nowrap
docomo	○	○	○	○	×
au	○	○	○	○	○
SoftBank	○	○	○	○	○

table th

	center	bold
docomo	○	×
au	○	×
SoftBank	○	○

css

docomoはタグにcss指定がきかないかも？

例
h1 {font-size:18px}
こういうのがダメ

color

	インライン	class
docomo	○	○
au	○	○
SoftBank	○	○

font-size

※docomoでHxには指定がきかない！
※<hx></hx>で書くしかないかも

フォントサイズの指定

フォントサイズ小
フォントサイズ大

インライン	8	10	12	14	16	18	20	22	24	26
docomo	デフォ	デフォ	デフォ	デフォ	デフォ	デフォ	デフォ	デフォ	デフォ	デフォ
au	極小	小	小	小	小	デフォ	デフォ	デフォ	デフォ	大
SoftBank	極小	極小	極小	小	デフォ	デフォ	大	大	特大	特大
class	8	10	12	14	16	18	20	22	24	26
docomo	×	極小	デフォ	デフォ	大	×	×	×	×	×
au	極小	小	小	小	小	デフォ	デフォ	デフォ	デフォ	大
SoftBank	×	極小	デフォ	デフォ	大	×	×	×	×	×

インライン	xx-small	x-small	small	medium	large	x-large	xx-large
docomo	小	小	小	デフォ	大	大	大
au	極小	小	デフォ	デフォ	デフォ	大	大
SoftBank	極小	極小	小	デフォ	大	特大	特大
class	xx-small	x-small	small	medium	large	x-large	xx-large
docomo	×	×	×	デフォ	×	×	×
au	極小	小	デフォ	デフォ	デフォ	大	大
SoftBank	×	×	×	デフォ	×	×	×

line-height

インライン	div	p	span	hx
docomo	×	×	×	×
au	○	○	○	○
SoftBank	○	○	○	○

class	div
docomo	×
au	○
SoftBank	○

※softbankのでインラインでline-heightとbackgroundをあわせた場合、背景色は文字に吸着、line-heightの余白は背景にふくまれない。

background

インライン	div	p	span	hx	table	td
docomo	○	×	○	×	○	○
au	○	○	○	○	○	○
SoftBank	○	○	○	○	○	○
class	div	p	span	hx	table	td
docomo	○	×	○	×	○	○
au	×	×	×	×	×	×
SoftBank	○	○	○	○	○	○

※softbankでh4の場合は×

bacuground-image

	インライン	class
docomo	×	×
au	○	○
SoftBank	○	○

margin

上下はdiv、左右はspanでテスト

インライン	top	bottom	left	right
docomo	×	×	×	×
au	○	○	○	○
SoftBank	○	○	○	○

class	margin
docomo	×
au	×
SoftBank	○

padding

divでテスト

	インライン	class
docomo	×	×
au	○	×
SoftBank	○	○

float

imgでテスト

	インライン	class
docomo	○	○
au	×	×
SoftBank	○	○

border

	インライン	class
docomo	×
au
SoftBank

結論からいうと、
docomoでは「line-heightがきかない」「marginがきかない」「paddingがきかない」「p、hxでbackgroundがきかない」
auでは「floatがきかない」「classだときかないものが多い」
softbankはおおむねきく、フォントだめ苦手

このページを編集するこのページを元に新規ページを作成

印刷する

コメント（0）

カテゴリ：
辞書
総合

タグ・css表示比較 - モバイル・コーディングABC 先頭へ

コメントをかく

名前	ユーザIDを使用しないで書き込む	ユーザーIDを使う	ログインする
画像コード	画像に記載されている文字を下のフォームに入力してください。
備考	「http://」を含む投稿は禁止されています。
本文
利用規約をご確認のうえご記入下さい

モバイル・コーディングABC