![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
iPadと、任意サイズでブックマーク表示のPCブラウザの両方で、ホームページをピッタリサイズで表示できるホームページの作り方ってありますか?
ある団体のホームページの作成を知人に依頼されました。
最初は、トップページを、どうしてもiPadにピッタリのサイズにしてほしいとの要望があり、ネットで調べたiPadのアスペクト比16:12に合わせて幅950pix、縦712pixで作りましたが、数ヶ月して「iPadではいいけど、ノートパソコンでみると変だから直して」という要望がありました。
現在のノートパソコンでの使用状況を尋ねると、ブラウザはIEを画面上で任意のサイズで使用し、ブックマークを常時表示させているとのこと。
「スクロールは嫌なので、現在の使用状況に合わせてiPadでもノートパソコンでも、縦横ともブラウザの表示画面にピッタリになるように、一目でページ全体を見られるようにしてほしい・・・」という内容です。
なにか方法があるのでしょうか?おしえてくださいm(_ _)m
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
サイトオーナーの環境でピッタリでも、閲覧者の環境ではピッタリとは限りません。
そこのところをちゃんと説明してあげましょう。
制作を請け負うことのできるスキルなら、簡単なはずです。
情報発信は、受け手があって初めて成り立つものです。
独りよがりな環境設定はオナニーにすぎません。
そんなサイトは、敬遠されます。
それらをしっかり説明し、了解を得た上で、レスポンシブデザインで構築すればいいと思いますよ。
わからず屋で了解が得られないなら、制作をお断りすることをお勧めします。
なぜなら、了解できないタイプは、次々と無茶振りしてくるタイプですから。
No.1
- 回答日時:
基本中の基本で申し訳ありませんが、
もともとHTMLは、
【引用】____________ここから
どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )]より
なのですから、へんなことしてなければ、ディスプレイ幅に合わせて表示されるはずですよ。スマホでも解像度は様々ですし、縦にしてみるか横にして見るかでも違います。
元々、HTMLで作成した時点で基本的にはディスプレイの幅ぴったりに収まるはずです。
「現在のノートパソコンでの使用状況を尋ねると、ブラウザはIEを画面上で任意のサイズで使用し、ブックマークを常時表示させているとのこと。」
その人だけが見れれば良いのですか???違うと思います。
個人のサイトなら兎も角、何らかの団体となれば、多少とも公共性があると考えると、率直にHTMLを記述し、スタイルシートでプレゼンテーションをリキッドで指定し、必要ならmediaQeryを使ってスタイルシートを切り替えれば良いです。
[例]
⇒ナビゲーションリストを様々にデザインしてみよう。( http://www.ichiya.com/WebService/Howto/sample/HT … )
のページ、[表示]メニューから[スタイル]で任意のスタイルを選択して、ウィンドウサイズを変更してもスマホにも、超幅広のパソコンにも収まるはずです。
★リキッドデザインで作成しましょう。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(動画サービス) VLCメディアプレーヤーについて 1 2022/11/29 14:19
- フリーソフト 倍率自動調整して全画面表示できるフリーの画像ビューアー 1 2023/08/24 10:55
- Photoshop(フォトショップ) photoshop ドキュメントを読み込み中…から10日経ちます。 1 2022/12/13 17:25
- JavaScript [Java] Edgeでのアドレスバー非表示について 3 2022/04/20 17:51
- その他(IT・Webサービス) デスクトップPCでyoutubeのサイトへ接続しようとしても「インターネットに接続してください」と表 3 2022/10/12 23:41
- iPad 今のiPad miniは容量が少なすぎと思いませんか? 3 2023/04/15 10:36
- Windows 10 windows10のクリーンインストールが完了出来ない 2 2022/06/04 13:33
- ホームページ作成・プログラミング グリッドレイアウトHTMLとCSS 1 2023/02/22 02:36
- Chrome(クローム) 最近Win10にてブラウザが左にスッと隠れていく現象に悩まされてます 3 2023/07/22 23:11
- iPad iPadの画面録画についてです。 現在iPad Air4 64ギガを使用しております。 ゲーム画面を 1 2023/02/21 19:36
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
SELECTのプルダウンの長さの調整
-
Illustratorで作成、pngで保存...
-
ユーザーフォーム スクロール...
-
アップしたホームページがスマ...
-
PDFファイルを横につなぐ事は可...
-
outlook 文字を揃えたい。tab...
-
マイクロ(μ)の文字を半角で出...
-
教えてください。
-
入力規則のリストの文字の大き...
-
テーブル内の文字サイズを変更...
-
リストの前後の行間をなくす方...
-
CSSです。英数字のみArial書体...
-
サイト全体を縮小して印刷する...
-
EXCEL VBA 印刷プレビューダイ...
-
奇数のフォントサイズ指定について
-
テキストエディタmiの表示文字...
-
cssファイルの名称付け
-
ACCESSで印刷プレビューをした...
-
「MS Pゴシック」と同じ幅の...
-
コマンドプロンプトでフォルダ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Illustratorで作成、pngで保存...
-
ユーザーフォーム スクロール...
-
SELECTのプルダウンの長さの調整
-
オプションメニューの中の文字...
-
Word Webレイアウト表示に関して
-
PDFファイルを横につなぐ事は可...
-
フォルダ内の写真を画面幅にあ...
-
アップしたホームページがスマ...
-
プルダウンメニュー表示時の高...
-
秀丸エディターの「表示」の「...
-
マイクロソフトのワードの文章...
-
B4サイズを実寸大で表示できる...
-
cssの【float】について教えて...
-
スタイルシートの表の固定
-
証明写真の一般的な顔の大きさ...
-
縦長のホームページを作りたい...
-
文字コード[x-sjis]について教...
-
メモ帳のサイズ
-
ホームページ作りに詳しい人に...
-
オートフィルタのドロップダウ...
おすすめ情報