サイトデザイン(HTML)の表示がMacとwinでは異なりますよね。
Macで思い通りのデザインを作っても、winユーザーさんのPCからは豪快に崩れている、ということが何度かありまして(Macでは表示に問題の無かった綴り間違いなどで「winでは白紙状態!」という事態も何度かありました…)、winユーザーさんが主流の中 それでは困るので、winでの表示確認が出来ればと思うのですが、winを一台購入するというのは経済的に無理で、ネットカフェなどで確認するのもそう頻繁には出来ませんし、Macの中にwinをインストールすると言う便利なソフトもあるようですが、有料のものは学生なので手を出し難いです。
「htmlファイルをwinで表示した際のレイアウト」がわかる無料のソフトやサイトなど、ご存知ありませんでしょうか?
探せばありそう、と思っていたのですがなかなか見つけることが出来ません。
ご回答よろしくおねがいいたします~
No.1ベストアンサー
- 回答日時:
BrowserShots.org
無料でwinIE5~7までスクリーンショットをとってくれます。
数分時間はかかりますが、OperaやLinuxにも対応していて幅広いですよ。
参考URL:http://www.techdego.com/2007/01/capture.php
おおこれは! と思い早速試してみたのですが、30分たっても画像が返ってきません…
ソフトなどで自動にスクリーンショットを上げているのかななどと思っていたのですが、それにしてはだいぶ時間がかかっているので手動で行っているのでしょうか…?
タグを直しつつ確認、というのをしたかったのでこちらでは時間がかかりすぎてしまいますね…
せっかく教えて頂けたのに活用出来ず申し訳ないです。
ご回答ありがとうございました。
No.4
- 回答日時:
#3さんがお書きの様にフォントサイズをピクセルに指定すれば殆ど
PCもMacも同じ表示に成ります。
winのIE6とIE7はエンジンが異なるので、コードの解釈で表示しない時が有ります。
『Q』が有ればOS9の環境でチェック可能。(XPのインストール要)
OSXなら『クロスオーバーフォーMac』を使えばそのままでOK
でもウエブのチェックのみなら数千円のPCでOKですね。
*バーチャルPCのMac版は消滅しています。
この速度は数千円のPC並みだったけど。
No.3
- 回答日時:
> サイトデザイン(HTML)の表示がMacとwinでは異なりますよね。
いいえ。
HTMLの策定とその表示について、W3C(World Wide Web Consortium)が厳密なマニュアルを作成し、それを公開しており、ウェブブラウザの開発者(AppleとMicrosoftを含む)は、それに従っているので、あなたがW3Cが公開している文書どおりにウェブデザインを行っていれば、両者の環境で表示が異なることはありません。
もちろんウェブブラウザの開発者の、W3Cの文書をどう解釈するかの相違があるのはたしかです。しかし、その相違がしょっちゅう表面化するものではありません。
「MacとWinでレイアウトが違うよね」といっているほとんどのケースで、たんに本文のフォントサイズを考慮していないことが原因です。
すべてのウェブブラウザに、フォントサイズを変更するメニューがあります。ワンアクションで行えるコマンドです。フォントサイズを変更して、それであなたが作ったページデザインのレイアウトが崩れたら、あなたがW3C文書に従っていなかったことになります。
W3Cの規格では、本文のフォントサイズは、提供する側でなく、見る側が決めることとなっているからです。
フォントサイズが変わるとレイアウトが崩れてしまうデザインをしたい場合、スタイルシートを作って、フォントサイズを決めておきます。なお、WindowsとMacintoshでディスクプレイ表示の解像度が異なるので、ポイントでなくピクセルで指定する必要があります。また、フォントによって、文長が変わるので、そこまで考慮したデザインが必要です。
この回答への補足
確かにマニュアルなどは見ずに独学での作成ですが、フォントサイズはCSSで指定していますし、幅等の指定もピクセルで行っており、フォントもMac用win用で個別に指定していますのでデザインの崩れはフォント関係ではないですね。
以前は頂いた古いノートで確認していたのですが、少しずつ手直していけばほぼ同じデザインに揃えられたので…
そういったことがMac上で出来たらいいな、と思って質問をさせていただきました。
No.2
- 回答日時:
恐らく無料ソフトなどは無いです。
一番安く上げる方法としては、オークションなどで中古のwin機器を購入する事だと思います。Mac上でのバーチャルwin環境はマシンパワーや何やらで何かとお金もかかりますので。
そうですかー…
自動でスクリーンショットをぱぱっと表示してくれるようなサイトなどがないかな、と思っていたのですけど、そういったサイトもないようですね。
趣味の域なので動作確認のためだけにPCをもう一台、というのはなかなか手が出ないので(実際以前古いノートを持っていたのですが、デザインの確認とMacで表示されないサイトを見るためだけにしか使わなかったので…)、公共施設やネットカフェなどを利用しようかな、と思ったのですが…そうなると家にかえってから「今度はMacでの表示が崩れてしまった!」という事態になってしまいますね…
周囲にwinユーザーさんがいないのでPCをお借りして、というのも出来ず…
しばらくはこのままレイアウトの崩れにびくびくしながら(笑)過ごそうと思います。
ご回答ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Mac OS Parallels Desktop for Mac 2 2023/06/22 04:32
- Excel(エクセル) クリップボードの件 2 2022/11/05 12:11
- ノートパソコン おすすめwinノート 2 2023/05/24 06:12
- CAD・DTP vectorworks、winとmacでデータを共有する場合 1 2023/02/20 16:41
- モニター・ディスプレイ Win11マルチディスプレイでの異なる仮想デスクトップの表示 3 2023/02/01 10:02
- AJAX webページの特定の部分だけ消してプリントアウトしたい 4 2022/03/23 18:51
- Mac OS mac使いの無線事情 3 2023/05/26 02:30
- マウス・キーボード ブルートゥースキーボードの互換性 7 2022/12/11 11:12
- ドライブ・ストレージ 複数のパソコンが自宅にあり、互いの固有のHD、光学ドライブを相互にアクセスする方法。その2 3 2022/12/16 09:54
- その他(ブラウザ) IE・edgeで日増しに観られるサイトが減ってくる。 1 2022/10/04 22:40
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
PDF Xchange viewerの書体変更
-
文字が斜体になってしまうので...
-
ローマ字数字IIを正確に表示す...
-
「噌」の文字が異体字になって...
-
半角の波線「~」の位置につい...
-
pdfのフォントを変更する方法
-
スペース/タブが揃ったきれいな...
-
「℃」の入力方法について
-
テキスト(メモ帳)でπの半角文...
-
らべる屋さんで数字入り縦書き...
-
イラストレーターで一部の文字...
-
部首がネへんの漢字を探しています
-
画像に文字を入れる際のフォン...
-
ドロップダウンリストの文字サ...
-
エクセルの数字間隔
-
Linux Mint 19.01 でのお...
-
AcrobatProで文中の一部を斜体...
-
ゼロの中に斜線が入った文字の...
-
ブックマークフォルダの文字サ...
-
Excelの図のコピー
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
PDF Xchange viewerの書体変更
-
ローマ字数字IIを正確に表示す...
-
文字が斜体になってしまうので...
-
半角の波線「~」の位置につい...
-
ゼロの中に斜線が入った文字の...
-
スペース/タブが揃ったきれいな...
-
らべる屋さんで数字入り縦書き...
-
pdfのフォントを変更する方法
-
「噌」の文字が異体字になって...
-
「℃」の入力方法について
-
スプレッドシート→PDFダウンロ...
-
エクセルの数字間隔
-
画像に文字を入れる際のフォン...
-
ブックマークフォルダの文字サ...
-
エクセル、入力規則のドロップ...
-
ウィキペディアの字体
-
ブラウザのフォント表示がいき...
-
パワーポイントでベトナム語を...
-
エクセル上で、半角の「↓」を入...
-
Windows10版 「PhotoScape X」...
おすすめ情報