タグ・デザイン掲示板

[

デザインが崩れる
by チューインガム

2016-09-09 03:27
重複でしたらすみません
ガラケー時代にサイトを作り、最近また編集しているのですが
ガラケー版のデザインのまま使いたいと考えてます

ですが、スマホから編集したせいか
小説ページのデザインが崩れてしまいます

文字をこのスペース｜
に収めたい｜
です｜

｜で区切られてるのがここまで表示させたいという部分(ページを開いた時のデフォルト画面)です
現在は

文字がこの｜ように
スペースを｜またいでしまい
ます｜

こうなると、スマホで閲覧した際に画面を指で縮小して閲覧することになるのですが
そうすると全体的なデザインが小さくなってしまいます
画面固定というか、スマホで見たときに画面縮小できないけど文章の全てを画面内に表示する方法はありますか？

pc
[編集]

by 774774

2016-09-09 10:05
「共通HEADを出力しない」に設定していますか？している場合下記を「HEAD・HTML詳細」⇒「HEAD内」に追加してスマホから確認してみてください。（HEAD内にスタイルシート等の記述があればその上に追加）見ている人の端末の横幅に合わせて等倍で表示するという指定です。
<meta name="viewport" content="width=device-width,initial-scale=1">

共通HEADを出力する状態であればスマホ閲覧時に自動出力されるはずなので、これで解決出来なかった場合は、HEAD内とそのページの中身を見ないと判断できません。IDなどは伏せて開示してください。

※追記編集しました10:17

pc
[編集]

by と

2016-09-09 17:01
「横スクロール」で検索してみてください。

pc
[編集]

by チューインガム

2016-09-24 18:12
774774さん
すみません、返信おそくなりました
ご回答ありがとうございます
試してみましたがなにも変わりませんでした

HEAD内はこうです

<style type="text/css">

<pc>div{
padding: 5px;
margin: 5px;
width: auto;
height: auto; }</pc>

div.coco {
width: auto;
<pc>height: 90px;</pc>
<nopc>height: 40px;</nopc>
margin: 0px;
padding: 25px 15px 10px;

background-color: #5aa9c6;
}

body,td {
font-size:10pt;
font-family:'Verdana', sans-serif;
letter-spacing:0.25em; }

br { letter-spacing: 0; }

div.txt{
margin: 75px 1px 30px;
}

<pc>a:hover {
color: #ffffff;
text-decoration: underline;}
a:active {
co

lor: #ffffff; }</pc>

a {
text-decoration: none; }

<meta name="viewport" content="width=device-width,initial-scale=1">

</style>

pc
[編集]

by チューインガム

2016-09-24 18:14
とさん
ありがとうございます
すみません返信おそくなりました
そうです！横スクロールもしくは縮小閲覧になってしまうのです
デザイン的にガラケー時代とおなじく、縮小やスクロールなしで見られるようにしたいんです

pc
[編集]

by と

2016-09-25 07:44
<meta～>を書く位置も違いますし書き出す情報も足りてません。
774774様のレスをちゃんと読んでください。
「横スクロール」で検索したら「スレッド表示」を押してスレの内容を全部読みましょう。

pc
[編集]

[