お世話になります。
wordpressでascendというテンプレートを使ってサイトを作っています。
すごくいいテンプレートなのですが、見るデバイスによって一番上のメニューにかぶってしまったり、他のコンテンツとかぶってしまったりします。
CSSで調整しているのですが、書き方が悪いのか反映しなかったり、思うとおりになりません。
CSSで調整する際に大方の大きさのポイントによって切り分けて、余白などを調整しているのですが、iPadとアンドロイドタブレットでは、大きさがほぼ同じなのに、表示がかなり違います。OSごとやブラウザごとにCSSを変更する方法を教えて頂きたいです。
よそ様のサイトを見るとどのデバイスでも見てもきれいに表示されていて、何が違うんだろう…。と思います。
何を基準に変更したらいいのか、どこをどのように変更したらいいのか、皆さんがどのようにされているのか、どのデバイスでも大丈夫な方法はあるのか、なども教えて頂けると幸いです。
ワードプレスはほとんど初めてで、テンプレートを使っている為、コード等をどのように示したらよいのか分からない状態です。
具体的な回答が難しい事に気付きました。
少し質問を変えて、それぞれのデバイスに合うように皆さんはどのように対処されているのでしょうか?
また、クロームの『検証』を使うと分かりやすいよ、と聞いたのですが、何か修正するのに役立つ方法やツールなどありますでしょうか?
よろしくお願い致します。
回答1件
あなたの回答
tips
プレビュー