[返信する]
デザインが崩れてしまいます
By マル
2011-05-18 17:05:42
サイトを改装した所、auの方からデザインが崩れてると報告を受けました
左右の余白が広く、文字が詰められており縦長に見えてしまうとの事です
あと文字と文字とのスペースがやけに広いとも報告を受けました
しかし改善しようにも当方ソフトバンクの携帯しか持ってないので改善のしようがございません…
どのように修正すればauの方にも綺麗に表示されますでしょうか?
良ければ皆様のお知恵を貸してくださると助かります
HEAD内は以下を使用しています
<META NAME="ROBOTS" CONTENT="NOINDEX,NOFOLLOW"><META NAME="ROBOTS" CONTENT="NONE"> <META NAME="ROBOTS" CONTENT="NOARCHIVE"><meta http-equiv="Pragma" content="no-cache"><meta http-equiv="Cache-Control" content="no-cache">
<pc><style type="text/css"><!--body { cursor: default; } a { cursor: default; text-decoration: none; border-bottom: 1px dashed #cc6699;} a:hover { position: relative; top: 2px ; left: 1px; } a:link { color: #999900; } a:visited { color: #555500; } a:active { color: #66bb00; } a:hover { color: #ff6699; } body,td { font-size: 0.9em; margin: 2em 25em; line-height: 2em; font-family: Century; letter-spacing: 0.3em; } br { letter-spacing: 0; }--></style></pc>
<nopc><style type="text/css"><!--a { text-decoration: none; border-bottom: 1px dashed #ffcccc;} body,td { font-family: verdana; letter-spacing: 1em; margin: 4em 2.5em 1em 2.5em; font-size: 0.9em; line-height: 1.5em; }--></style></nopc>
945SH
[編集]
By 匿名
2011-05-18 17:16:45
>letter-spacing: 1em;
字間が1文字分。pcの振り分けは0.3emになってるから単なるミス?
>margin: 4em 2.5em 1em 2.5em;
左右で合計5文字の余白。1行10数文字表示の携帯が多いので縦長になるんじゃ?
これでレイアウトが崩れてないんなら、ソフバンと他社で分けた方がいいかも。
pc
[編集]
By マル
2011-05-18 18:55:15
letter-spacing: 1em;
は試行錯誤してた際の指定をそのままにしちゃってたので0.3emに戻しました
1行10数文字表示の携帯が多いんですね
物凄く勉強になりました
匿名様のご指摘を受け、marginの左右指定を0.5emにし、合計1文字の余白にした所、デザインの崩れが直ったと報告を受けました
自分では確認出来なかったので助かりました
回答ありがとうございました!
945SH
[編集]
[1-10表示]
[返信する]
[新規トピ]
[戻る]
無料HPエムペ!