website作成初心者

解決済

質問者：junji0705
質問日時：2017/09/18 17:05
回答数：6件

質問失礼致します。

websiteを作成しています。初心者です。
完成したサイトを別の端末で見ても大丈夫かどうかを確認しようと、
自身のpcの解像度を変更してみました。
すると文字や画像の配置がぐちゃぐちゃになって表示されます。

一度最初から作り直し、全てのサイズを%で指定し直しましたが、
結果は同じでした。。。

レスポンシブデザインどうこうとかではなく、
そもそもの記述の仕方に問題があるのかなと思います。

詳しい方、お答え頂けると非常に助かります。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (6件)

ベストアンサー優先
最新から表示
回答順に表示

No.5ベストアンサー

回答者： t_fumiaki
回答日時：2017/09/19 16:30

>>1440×900で見るとバッチリなのですが、

1152×720に変更すると配置がずれました。

解像度ではなくて、横幅×高さの大きさを変更した訳です。
多分区画の大きさを1440×900⇒1152×720に変更したと思います。

横幅、縦の高さが小さくなっています。
その中に配置するコンテンツ（文字や画像）がそのままだと、入りきらなくなり、右配置の区画は右下に並び、とかになります。

レスポンシブは親要素に対する％なので、シッカリデザインしないと上手く行きません。

レスポンシブは「はまり所」も多いので、慣れないとはまりっ放なしになります。

今のままの状態でアップして質問したら、回答する人も結構出てくると思います。

アップして見て貰うんだったら、googleヘルプフォーラムの方が良いかな？そういう技術専門コミュだから・・・・。

- 0
- 件

通報する

この回答へのお礼

ご返答、ありがとうございます。

画面幅を100％に指定していた場合、
全てのwidthやheight、font-sizeなどを％表記にすれば
解決するものでしょうか？？

通報する

お礼日時：2017/09/21 15:08

No.6

回答者： t_fumiaki
回答日時：2017/09/21 16:36

>>画面幅を100％に指定していた場合、

>>全てのwidthやheight、font-sizeなどを％表記にすれば
>>解決するものでしょうか？？

heightは指定しても意味有りません。
コンテンツの合計高さによって決まってしまいます。

幅に関しては、横に複数を並べるdivなんかの場合は%で指定。
横に1個しか無い場合は、指定しないと親が引き継がれて100%なので何も指定しない。狭くするなら％指定。

画像の横幅の%で指定。
font-sizeも％で良いカモ。

結構な苦戦が見込まれますが、挑戦して下さい。
pc版とスマホ版を同じソースで作る時、レスポンシブは避けられないので。

「高さ」で色々と「大はまり」すると思います。

上手く行かなかったらアップして、googleヘルプフォーラムで質問した方が良いです。