報酬有りで、スマホ用のCSSの修正を依頼できる方を探しております。
ホームページを作ったのですが、スマホで表示すると、ページがドアップで表示されてしまいます。※パソコンでは問題なく表示されます。
サイトのURLは、こちらです。
http://juku-pegasus-jichiidai.com/index.html
ビューポートを設定しているのですが、スマホ用のCSSをよくわからずに作ったせいか、
スマホで表示した際、最初にページがドアップで表示されます。
スマホのCSSは、以下のような感じです。。
http://juku-pegasus-jichiidai.com/smart.css
一応、指で縮小すれば見れるようになるのですが、
グーグルのモバイルフレンドリーで、「コンテンツの幅が画面の幅を超えています」という警告が出ます。
なんとか、スマホ(アンドロイド)でサイトを見た際、
各要素がぴったりと画面の幅に合うようにして、モバイルフレンドリーを実現したいのですが、
現在、開業前で非常に忙しいため、自身で改善するのは難しいと判断し、
スマホ用CSSの修正をお願いできる方を探しております。
※以前こちらで質問した際、テーブルでレイアウトしているせいとご指摘を受けたのですが、今後自身で編集する際、テーブルを使いたいため、可能な限り、CSSだけでモバイルフレンドリーの問題を改善できたら幸いです。
何卒、お願いできないでしょうか。
依頼を受けても良いという方がおりましたら、
doraemono1111□yahoo.co.jp
□を@にしてください。
にメールをいただけましたら幸いです。
その際、恐縮ではございますが、経歴と、CSSを改善していただける場合の価格も一緒に提示していただけましたら幸いです。
何卒、宜しくお願い致します。
みんなの回答 8 件
CSSとHTMLのwidth固定指定を%に変えるだけでも少しはよくなりそうですね。文章にやらしさがあるので受けませんが。
ランサーズで頑張り
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=yes"> としているのに、要素の幅が1000pxとなっているので、おっしゃるような状態になっています。
<meta name="viewport" content="width=1000"> とするか、%で指定するかですねぇ。あ、あとはイメージも可変にしなきゃですね。
さすがにここでこの質問は難しすぎる
以前の質問にも答えた者だけど、スマホ用のCSS以前に、まずtableレイアウトはやめたほうがいいと思うし、JSのエラーや画像のnot foundも直すべきだと思う。あとGoogle Mapはimgじゃなくてiframe。
可能なら誰かに依頼して「全部」やってもらったほうがいいと思う。
普通に頭からWeb制作を依頼すればいいのに、なんでわざわざ話を難しくしてから探すんだろうね。安くなると思ってるんだろうか。
プロの方に根底から見直していただくことにいたしました。
皆様の御意見大変参考になりました。
心より感謝申し上げます。
自分の自己満のために作るのか、お金うかせたいから作るのか、本気で商売に繋げたいために作るのか。
関連するトピックス