凍結
0 名無し iPhone
プレビュー画面と実際の画面が違うのですが、どうしてそうなってしまうのかなどの原因がわかる方いらっしゃいませんか?
プレビュー画面を見つつ修正作業を行っていたのですが、編集を全て完了させて実際のページを確認しにいくと全く違うもの(行間が異様に詰まっている等)というふうになってしまいます。プレビュー画面を参考にせず修正を行うしか解決策はないのでしょうか……?
05/10 01:23
返信
コメント投稿 検索
4 通りすがり iPhone
>>2
ここを利用していないので仕様はわかりませんが、まず<head>に<!DOCTYPE html>は入れられないです。
letter-spacingは文字間隔を調整するものなので、くっついて表示されてしまうのはそれが影響していると思います。
プレビュー画面と実際の画面で違うのは、おそらくスタイルシートが効いていないか、上書きされているかだと思います。

ページを見てみないと詳しい状況はわかりませんが、とりあえず<head>の<!DOCTYPE html>とletter-spacingは削除してください。
それから罫線にletter-spacingを直接指定してみてください。

【ブロックレベル】
<div style="letter-spacing: -0.1em">━━━━━</div>

【インライン】
<span style="letter-spacing: -0.1em">━━━━━</span>
もしくは
<div style="display: inline-block; letter-spacing: -0.1em">━━━━━</div>

ラインを引きたいのであれば、border-を使った方がいいとは思います。
05/13 14:19
返信