現在Dreamweaverでサイトを作成しています。
初心者なので表示くずれが多く一応IE、Fire Fox Safariなど主要ブラウザでプレビューしながら制作しているのですがディスプレイタイプによっても表示のされ方が変わってくると聞きます。
実際にサーバーにUPしたサイトを別のPCから観覧するといくつかの表示くずれが見受けられました。
しかし更新のたびに別のPCから確認するのも効率が悪いので他のディスプレイ環境をエミュレート出来るようなソフトや方法などは無いでしょうか?
宜しくお願いします。
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
ディスプレイではなく、ブラウザと使用者側の(フォントなどの)設定の違いと考えたほうが良いです。
ディスプレイサイズはウィンドウ幅を伸縮すれば確認できます。
ブラウザによる表示確認
IE・Firefox他バージョン違いのブラウザ共存+携帯サイトのPC一括表示確認ツール まとめ:【無料素材倶楽部】WEBデザインブログ
http://sozai.7gates.net/blog/docs/usefultools01/
しかし、今では、携帯端末やPDAは無論のこと、読み上げブラウザや検索エンジンの表示や認識も考慮しなくてはならず、『他のディスプレイ環境をエミュレート』することは現実的ではありません。
そのため、私はブラウザや端末の特性に依存しないページ作りをしています。いわゆるウェブ標準に準拠し、端末ごとにスタイルシートを用意するという形
そもそも、ブラウザやディスプレイによって表示が崩れるページを作らなきゃ済むことで・・・
[固定スタイルシート]
<link rel="STYLESHEET" href="default.css" type="text/css">
[優先スタイルシート]
<link rel="STYLESHEET" href="standard.css" title="標準" type="text/css">
[代替スタイルシート]
<link rel="ALTERNATE STYLESHEET" href="big.css" title="大きな文字" type="text/css">
[メディアタイプ]
<link rel="STYLESHEET" href="tty.css" media="handheld tty" type="text/css">
<link rel="STYLESHEET" href="print" media="print tty" type="text/css">
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(ブラウザ) IE・edgeで日増しに観られるサイトが減ってくる。 1 2022/10/04 22:40
- 画像編集・動画編集・音楽編集 premier elements 2020でのガベージマットについて 1 2023/04/02 09:59
- その他(パソコン・周辺機器) デバイスのペアリングのウィンドウサイズがおかしい 1 2023/01/18 18:48
- その他(IT・Webサービス) ホームページにカウント数を表示する 2 2022/10/28 10:37
- モニター・ディスプレイ パソコンのモニター選び 10 2022/11/30 12:19
- アプリ PCでAndroidアプリを実行 BlueStacks AppPlayerが良い? 2 2022/05/10 10:36
- ドメイン・サーバー・クラウドサービス 自作サイトをサーバーにアップロードしたのですが… 2 2022/11/08 18:12
- Windows 10 Windows10 の設定?について (長文ですがよろしくお願いします)m(_ _)m 3 2022/05/14 12:22
- HTML・CSS WEBサイトの構築。表示データとWEBデザインを分離する考え方を専門用語・業界用語では何と言うか? 8 2022/09/27 09:16
- モニター・ディスプレイ PCゲームで急にFPSが落ちました 2 2022/11/18 00:42
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
eclipseでcssを使うためには?
-
htmlの記述で link rel=styles...
-
jspでcssが読み込めない
-
MAX関数を使ってからLEFT JOIN...
-
javascriptテキストBOX色を元に...
-
jqueryのsortableで一部ソート...
-
removeEventListenerについて
-
Slick.jsのオプションrtlについて
-
JavaScriptで変更した属性の元...
-
どの<li><a> が押されたか判別...
-
複数画像のランダム複数表示(...
-
クリックで色変更後に既に変更...
-
JSPでの画像ファイル表示
-
読み込んだQRコードをフォーム...
-
MFCで画像を表示させているので...
-
質問に答えていくと、回答によ...
-
クリックして変更した画像を他...
-
【CSS】floatで左右に並べた...
-
表示・非表示のスクリプトで、...
-
Gifアニメ、最後のコマに行った...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
jspでcssが読み込めない
-
htmlの記述で link rel=styles...
-
web制作(HP作成について教えて...
-
eclipseでcssを使うためには?
-
外部スタイルシートをメモ帳で...
-
ブラウザで表示されている罫線...
-
JimdoでWebアイコンフォントの...
-
flexBOX同士の間隔
-
マスターページにコードを入れたい
-
MAX関数を使ってからLEFT JOIN...
-
javascriptテキストBOX色を元に...
-
JavaScriptで変更した属性の元...
-
読み込んだQRコードをフォーム...
-
createElementで作成した要素を...
-
Ctrl+F(検索)の窓を出したいの...
-
フッター上部に謎の隙間
-
jqueryのsortableで一部ソート...
-
window.openで値の渡し方を教え...
-
c++std::string型をTCHARに変換...
-
removeEventListenerについて
おすすめ情報