![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
PC用のサイトをhtml5(wordpress)で作成しました。
ドコモのXperia acro SO-02Cでサイト見ると、画面に収まりきっておらず
横スクロールをするか縮小しないと画面上に収まりません。
調べると、viewportのmetaタグが必要な様で、headタグを下記のように
してスマホで確認したのですが何も変わっていません。
PCサイトの横幅は960pxで組んでおりリキッドレイアウトではありません。
いくつかのサイトを見てみましたが、スマホ用のサイトとして作成しないPC用の
サイトは画面上に収まった状態で表示され必要であれば自分で拡大して表示
するという感じでした。
※同様にリキッドレイアウトではなくxhtmlで作成されておりviewportのmetaタグもありませんでした。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="<?php bloginfo('charset'); ?>">
<title><?php wp_title('', true, ''); ?></title>
<meta name="viewport" content="width=device-width, target-densitydpi=device-dpi, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5. …[endif]-->
<script src="<?php bloginfo('template_directory'); ?>/js/jquery.rollover.js"></script>
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="stylesheet" href="<?php bloginfo( 'stylesheet_url' ); ?>">
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
<link rel="icon" href="<?php bloginfo('template_directory'); ?>/images/common/favicon.ico" type="image/x-icon">
<link rel="Shortcut Icon" href="<?php bloginfo('template_directory'); ?>/images/common/favicon.ico" type="image/x-icon">
<?php wp_head(); ?>
</head>
どうすれば、スマホで開いた際の初期状態を画面に収まるようにできますか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS cssの display: flex;で横並びにならずに困ってます 1 2022/12/04 13:18
- HTML・CSS html cssのmargin 5 2022/12/03 11:04
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- HTML・CSS htmltとcssのコードで 1 2022/11/26 13:37
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
iframe内の表示を常に最新にしたい
-
POSTしたデータの文字コードがu...
-
body内にmetaタグを記述は問題...
-
Google向けメタタグについて。...
-
根号の書き方について
-
htmlのflv再生について
-
文字化けを故意に表示したい
-
Excelで、社外秘(閲覧のみ)と...
-
HTMLからフォルダを開きたい
-
googleドライブで、PDFファイル...
-
プログラムについて。
-
Webサイトから、txtファイルを...
-
リンク先からリンク元の、同じ...
-
htmlファイルの表示が真っ白
-
フォルダ内の画像を一括でhtml...
-
htmlの謎
-
【HTML】1クリックで複数ファイ...
-
ラベルに飛ばない
-
html からリンクされていないフ...
-
URLに「.html」の拡張子がなく...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
css ,videotタグ。ホームページ...
-
POSTしたデータの文字コードがu...
-
body内にmetaタグを記述は問題...
-
根号の書き方について
-
文字化けを故意に表示したい
-
HTMLファイルのインクルードで...
-
先日ウェブデザイン技能検定三...
-
iframe内の表示を常に最新にしたい
-
borderでa:hover下線表示させる...
-
指定した演算を実施の結果を表...
-
ページ全体を中央に配置したい...
-
safariだけcssが反映されない
-
わざと文字化けさせるには
-
WEBページがIEだけ文字化けして...
-
html で 変数を定義できますか?
-
<!DOCTYPE html>あってますか?...
-
COLDFUSIONの文字化け
-
textareaの一行の文字数制御
-
Duolingo のソースコードの名前...
-
Aタグのmailtoでメッセージ作成...
おすすめ情報