自作HPがうまく表示されない？確認出来ない。

質問

Windows7 InternetExplorer やSafari、GoogleChromeでは表示出来ている自作HPが
Macintosh のパソコンではうまく表示されず 下のメニューボタンがスクロールしないとみれないと言われました。

iPhoneでは、アイフレームから文字が飛びだした形にみえてしまいます。

もしわかる方がいればどこを修正すればいいか教えていただければ幸いです。

こちらで確認できないので変更仕様がなく困っています。
よろしくお願いします。

回答No.1

HAL2（@HALTWO） · ベストアンサー

画面一杯に広げなければ見ることのできない Design にしているからだと思います。

私の MacBook の場合、Window を 1140 PIxel × 745 Pixel にしなければ Design が崩れてしまいます。

Macintosh では Display 画面一杯に広げて見るという習慣がなく、複数の Window を重ねて表示するのが当たり前の操作法であることから Window 幅は Display 幅よりも狭くしている場合が多いものですし、画面下には Dock と呼ばれる Launcher Application がありますので、下の方にある Button は隠れてしまいますから、Window 幅を縮めれば Button が 2 列になってしまいます。

また Macintosh と Windows では Font の実 Size が異なるので横幅を指定した Button などの幅一杯に Font を配置すると他の PC では Font が Button から溢れてきちんと表示できなくなります。

Web Page Design は 800 Pixel × 600 Pixel ぐらいに収まるように Design して上下左右には余白を作るようにすれば 1024 Pixel × 768 Pixel ぐらいの Display でも見やすくなります。

Window の幅を縮めた際に上下左右の Design 配置が変わることを避けるには背景と同じ色をした 1 Pixel の高さを持つ幅 800 Pixel の画像画面上端に入れて Frame 幅を固定し、noresize="noresize" は指定しないことです。

iPhone 用の HTML は記述した事がないのですが、HTML 記述に誤りがないかどうかは

http://validator.w3.org/

に Check した URL Address を入れてみてください。

ちなみに御紹介の Page には 18 箇所の誤り (Error) があります。

Windows PC のみで閲覧するのであれば問題がなくとも Macintosh や UNIX 系列の PC で閲覧できるようにするには上記 Checker で Error を 0 にする必要があります。

他の PC ではどう見えるのかを調べる場合には

https://browserling.com/

という Service もあるようです。(使っていないので、どれほど使えるのかは判りませんが)

頑張ってください(^_^)/。

お礼

ありがとうございます！一度、紹介されたサイトで調べてみます。
見えないと言われると焦りますね(>_<)
詳しくありがとうございました！

回答No.2

noname#242220

画面サイズとして問題が無いととすればフォントサイズを『ポイント』
で決めていませんか？
フォントサイズとしては『ピクセル』で設定すれば、ＯＫです。

スマフォ用には画面サイズが異なるページを用意するか、『カスケードレイアウト』形式で作成します。

{font-family: 'MSPゴシック'; font-family: 'HeiseiMincho'; font-size: 10px; line-height: 12px; color: #000000}