bodyタグの幅を指定したい。（もう少し狭くしたい）

http://chabiribon.sakura.ne.jp/top.php
上のサイトを勉強がてら作ってみたのですが、スマホで見た時のcssの指定が足りていない気がします。
（横にはみ出てしまっています。）

@charset "UTF-8";

body{
	display:table-cell;
	margin:5px;
	padding:5px;
	font-size:98px;
}

.button{
	font-size:98px;
}

.put{
	padding:50px;
	font-size:98px;
}

僕としてはbodyタグの幅を指定して対応したいと思っているのですが、なにか良いアイデアありませんでしょうか？
よろしくお願いします。

kei344

2017/09/21 05:29

書かれている状況が再現するコード（HTML/CSS/JavaScriptなど）か、再現するURLを提示されたほうが回答を得やすいと思います。

行動規範の内容に同意します

回答2件

viewportを設定してみてはどうでしょう？

モバイルブラウザでのレイアウトを制御するために meta タグの viewport を使う

もう逃げない。HTMLのviewportをちゃんと理解する

投稿2017/09/21 05:32

namnium1125

総合スコア2043

namnium1125

2017/09/21 06:27

無事解決して何よりですが、スマホ向けに作るなら結局いつかはviewportを設定することになると思います。そこは覚えておいていただけると幸いです。

行動規範の内容に同意します

自己解決

解決しました。僕のプログラムの問題でした。cssファイルを読み込んでいるhtmlファイルが以下の内容なのですが。

<html>
<head>
<title>なんでも掲示板</title>
<link rel="stylesheet" type="text/css" href="designPC.css">
</head>
<body>
<a href="top.php">戻る</a></br>

名前：管理人ちゃびりぼん</br>コメント</br>このサイトはプログラムの勉強がてら作ったサイトです。どうぞご自由にご利用ください。</br>入力した時間：2017-09-21 14:10:46</br><hr>
<form  method="POST" action="comment.php">
<input type="hidden" name="TR" value="designPC.css">
名前</br>
<input class="put" type="text" name="NAME" value="ななし"></br>
コメント</br>
<textarea class="put" rows="5" cols="15" name="COMMENT"></textarea>
</br>
<input class="button" type="submit" name="SUBMIT" value="コメントする">
</form>
</body>
</html>

textareaのcolsの値が大きすぎたのが原因でした。
質問もわかりづらく、アドバイスできる状態ではなかったと反省しています。
回答いただいた皆さん、ありがとうございました。

投稿2017/09/21 06:06

chabiribon

総合スコア22