• 締切済み

PCホームページ、スマホで見ると画面小さい

PCホームページをホームページ・ビルダーで作ってます。 PC版ですが結構スマホでもきれいに見れるのですが、１つのページだけスマホでみると極端に小さいです。 PCで見ると他のページと同じ大きさです。 スマホで見たときの大きさを修正するためにはどうすればよいでしょうか？ ご存知のかた、よろしくお願い致します。

みんなの回答

  • kame999
  • ベストアンサー率21% (609/2820)
回答No.2

https://template-party.com/ ホームページ テンプレート レスポンシブ

fufuopop
質問者

お礼

貴重なテンプレート集ありがとうございます！ 作り直す時に使わせてもらいます。

回答No.1

意外に、PCよりも、SP(スマートフォン）の 解像度は高いのです。（厳密にはDPI） 例えば、PCが１７インチで１０２４ドットだったとします。 SPが５インチで１０２４ドットだったら、 必然的に同じ解像度でも、画面サイズが小さいほうが 文字は小さくなります。 ですので、スマホ時は、別のCSSが割り当たるようにコーディングすればOKです。 あと、PC=きれいに見えるとも限りません。 もし、比較的小さいモニターが、高解像度であることもあり得ます。 なので、メディアクエリなどで、解像度に合わせたフォントを表示しなければ、 適切な解像度に対する文字サイズは作れないのです。

fufuopop
質問者

お礼

ありがとうございます！ 別のCSSが割りあたるようにするにはどんなコードを入れたらいいのでしょうか。 ヒントがあればそこから調べたいのでよろしくお願い致します。 素人で申し訳ございません。

  1. カテゴリ
  2. パソコン・スマートフォン
  3. ソフトウェア
  4. ホームページ作成ソフト

関連するQ&A

  • スマホ/PC対応のホームページ作製

    初歩的な質問で申し訳ございません。 ホームページビルダーを使ってホームページを作りたいのですが、スマホとパソコンの両方に対応したホームページを作る事は可能なのでしょうか？ 例えば、スマホで閲覧すればスマホ用に、パソコンで閲覧すればパソコン用のページの表示に自動的に切り替わるような仕組みはございますでしょうか？ どうか、ご指導くださいませ。

  • ホームページビルダー16のスマホ連動の方法？

    ホームページビルダー16を使っています。 どうしても根本的に分からないので教えてください。 PCとスマホページと一緒にできると思ってソフトを買って、ずっと放置していて、 やっと使いはじめました。 で、PCページはできたのですが、スマホで見るとPC表示のままで対応していません。 字も小さくて見にくいです。 なので、スマホ追加／同期を押してみたのですが、 タイトルからバナーまで全部新規入力なのです。 ということは、PCページから内容を全部うつしてこないといけないのでしょうか？？ それは連動してるとはいえないので、他になにか方法があるのでしょうか？ 検索しても分からないので、どうか教えてください。 あともしも、PCページを作ったら、 それがスマホページに連動されてくるバージョンももう発売されているのでしょうか？ もしあったらそれをバージョンアップで購入したいと思います。 どうかアドバイスをよろしくお願いいたします。

  • PC用ホームページをスマホでうまく見れるようにする

    PC用ホームページを作った（dreamweaver cs5で)のですが、スマホ（アンドロイド）で見ると、上の方にホームページが、小さく出て拡大しなければなりません。スマホ用に変換するにはどうすれば、良いでしょうか？ネットでいろいろ無料テンプレートとかスマホ変換とか探してみてみましたが、なんか難しくてよくわかりません。これを見たのですが、 http://tempnate.com/smartphone/ ＰＣ用のホームページＨＴＭＬプログラムの中に　ここで書かれてあるhtml文を入れれば、うまくいくということでしょうか？ それとも、新たに、スマホ用のホームページを作っておいて　そちらに飛ぶように、するんでしょうか？ よろしくお教えください。

    • ベストアンサー
    • HTML
  • スマホ版のホームページをコピーできない件

    ここで良いのか迷いましたが他に適当なものがありませんので、、、 アンドロイド2.2のタブレットＰＣでスマホ版のホームページを閲覧した時、 ほとんどの場合ページの中の文字列をコピーできません。 ブラウザはアンドロイド版の Firefox2.2 と Boat Browser4.1 の2つで実行して 同じ結果（コピーできない）が得られます。 全く問題なくコピーできるのはＮＨＫオンラインのページだけで、 教えてgoo、毎日新聞のニュースサイト共にスマホ版ではうまくコピーできません。 ＰＣ版ならコピーは問題なくできます。 ホームページ側の問題のような気がするのですが、 ほかに考えられる原因はあるでしょうか？

  • 自作ホームページをスマホで見るには？

    ホームページビルダー12を使って、ホームページを作成しました。 初心者のため、HTMLは一切いじらず、ページ編集画面でレイアウトしました。 パソコンだと、ページどうしがリンクしているのですが、 スマホで見てみると、リンクに設定したボタンをタッチしても反応しません。 唯一、リンクページに跳ぶのは、「コチラ」という文字をリンク設定したところだけでした。 原因と改善方法をお願いします。

  • ホームページ　スマートフォン　PC　振り分け

    初質問でつたない文章ですが、ご回答のほどよろしくお願い致します。 【質問】 スマホからスマホ版ページに飛び、PC版へのリンクを押した場合はPC版を閲覧出来るという設定はjavascript利用で行えないでしょうか？ そんなめんどくさい事をするならhtaccessを利用した方がいいのでしょうか？ htaccessでもそういった設定は難しいのでしょうか？ 【現状】 PC版とスマホ版のウェブサイトを作り、htmlを書き足してjavascriptで振り分ける方法にしました。振り分けは問題なくできています。 【問題点】 スマホ版ページに「PC版」と文字を書いて、スマホでPC版を見たい人が飛べるようリンクを貼ったのですが、当然の事ながらスマホはスマホとして認識されるので、上記のhtml記述ではPC版に飛べません。 スマホでスマホ版ページの「PC版」という文字を押しても今居るスマホ版ページに飛ぶだけで、ひたすらループするのみです。 ーーーーーーーーーー関連個所ーーーーーーーーーー <script type="text/javascript"> if ((navigator.userAgent.indexOf('iPhone') > 0 && navigator.userAgent.indexOf('iPad') == -1) || navigator.userAgent.indexOf('iPod') > 0 || navigator.userAgent.indexOf('Android') > 0) { location.href = 'sp'; } </script> ーーーーーーーーーーーーーーーーーーーーーーーー 拙い文章失礼しました。 よろしくお願いします！！

  • ホームページビルダーについて。

    　ホームページビルダー９を購入しようと思っているのですが、ホームページビルダー６を持っていれば、バージョンアップ版の９を購入すれば良いのですか？それとも通常版を購入しなければならないのですか？　教えてください、よろしくお願い致します。 　また、ホームページを立ち上げて商品を売ろうと思ってるのですが、ホームページビルダーが最適なのでしょか？それとも他に良いソフトがありますか？　教えてください。 　最後にホントに素人なのですが、ホームページビルダーを使えば、それなりのホームページを作る事ができますか？　私的には、少し心配です。

  • ホームページが変更されない

    ＩＢＭホームページビルダー10で自分のホームページを修正し、 ＦＴＰソフトでプロバイダーにファイルを送った後、 ホームページをアクセスしても、修正前の物が表示され、 修正後のページが表示されない。 他のパソコンでアクセスすると、修正後の物が表示される。

  • スマホ用とPC用のホームページ振り分

    スマホ用ホームページとPC用のホームページの振り分けについて質問いたします。 pc用のホームページを「http://www.xxx.co.jp/」に作成し、スマホ用のホームページを「http://www.xxx.co.jp/sp/」に作成しました。 スマホからのアクセスに対してはスマホ用のホームページが表示され、ｐｃからのアクセスに対してはｐｃ用のホームページが表示されるように下記のような内容を「.htaccess」に書いています。 <IfModule mod_rewrite.c> RewriteEngine On RewriteCond %{HTTP_USER_AGENT} (iPhone|Android.*Mobile|Windows.*Phone) [NC] RewriteCond %{QUERY_STRING} !mode=pc RewriteCond %{REQUEST_URI} !(^/sp/) RewriteRule ^(.*)$ /sp/$1 [R,L] </IfModule> <IfModule mod_expires.c> ExpiresActive On ExpiresDefault "access plus 1 day" </IfModule> ところがpcを利用してGoogleなどの検索にてhttp://www.xxx.co.jp/sp/xxxx.htmlなどと検索結果が出た場合、そこをクリックするとｐｃにスマホ用のホームページが表示されてしまい、横に間延びした見苦しい内容になっています。 http://www.xxx.co.jp/sp/xxxx.htmlのページをpcで表示させた場合にはhttp://www.xxx.co.jp/xxxx.htmlを表示するように.htaccessを追加変更したいのですがどのようにすればよいのか分かりません。

    • ベストアンサー
    • CGI
  • ホームページビルダー17のwordpress

    ホームページビルダー13で5バージョンあたりから10年以上使用しています。 ここ数年は、そのソフトを使い、自分自身でタグやcgiで時々修正補足などしてきた独自ドメインサイトがあります。 最近のホームページビルダー17、について、ですが、 これは、wordpressになってしまったもの、と思ってよいのでしょうか？ Wordpressは、いくつか他のサイトを複数で作り、使っていますので使い勝手は分かるのですが、 ホームページビルダー17は、PCで作成修正し、それをアップロードするwordpressとなっているのか、 あるいは、wordpressそのもの、のように、ブラウザを介してネット上ですべての作業を行うもの、なのか、 その両方ができるのか、 メーカーサイトを見ても、明確によくわかりませんでした。 質問： １．ホームページビルダー17のwordpressの上記のことを教えてください。 ２．ホームページビルダー17のWordpressでパッチをちょくちょくとあてていく作業は、自動でやってくれるもの、となっているのでしょうか？ ３．ある程度検索で上位に維持している多くのページあるため、 固定ページのページ名は同じにしたいのですが、固定ページはｈｔｍｌなのでしょうか？ ４．もし、固定ページがｈｔｍｌでなければ、現在検索上位のｈｔｍｌページから順位が変わる恐れがあるわけですよね？ 週末にゆっくり聞こうと思ったら、土日サポートセンターお休みのようなので、 こちらでおわかりの方にお伺いします。よろしくお願いします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する