#【 前提・実現したいこと】
PHPの勉強がてら簡易的なWebサイトを作っております。
$POSTを使ったデータの受け渡しと計算がメインです。
Webサイトをサーバーにアップして公開することが目的です。
<使える言語>
・HTML
・CSS
・JS
・PHP
以上です。
###【発生している問題・エラーメッセージ】
PHPの内容は正常に動作しております。
PC上のデベロッパーツールでは正常な表示をするのですが
サーバーにアップして実機確認すると文字がずれたり写真が伸びたりして困っております。
特にiPhone safariで開いたとき
考えられる原因としてはHTMLの構築に問題があるのかなと考えておりますが、
自分の力不足でこれ以上解決できない状態です
該当のソースコード(sent.php)
<!-- 診断カルテmain --> <div class="koko"> <div class="body-container"> <div class="body-wrapper"> <div class="Title"> <div class="Title-postName"> <h1 class="body-wrapper-title_sent">診断カルテ</h1> </div> </div> <hr> <!-- 診断結果紹介 --> <!-- 先生のアドバイス1 --> <div class="age-message"> <div class="balloon balloonL"> <div class="chatting"> <div class="balloon-img"> <img src="img_sent/teacher_1.jpg" class="balloon-img3"> <div class="says"> <div> <div class="says-container"> そうなんですね、 <!-- 誕生日の計算 --> <?php $year = (int)$_POST['birth_year'];//受け取った年データ(string型)をint型にして$yearに代入 $month = (int)$_POST['birth_month'];//受け取った年データ(string型)をint型にして$monthに代入 $day = (int)$_POST['birth_day'];//受け取った年データ(string型)をint型にして$dayに代入 $now_year = (int)date('Y');//date関数を使用して現在の年を変数yearに代入 $now_month = (int)date('m');//date関数を使用して現在の月を変数monthに代入 $now_day = (int)date('d');//date関数を使用して現在の日を変数dateに代入 //現在の年齢計算 $age = $now_year - $year;//変数$ageに代入:現在の年とPOSTで受け取った年を引く if( $month === $now_month ) {//POSTした月と現在の月が一緒の時,以下の条件 if( $now_day < $day ) {//POSTした日が現在の日よりも大きい時 $age--; } } elseif( $now_month < $month ) { $age--; } ?> <!-- コメント --> <h3 class="comment"> <?php echo $_POST['name']; ?>さんは現在<span style="color:red"><?php echo $age.'歳';?></span>ですか。</h3> <br> まずは健康値の指標となる<br><?php echo $_POST['name']; ?>さんのBMI値を見てみましょうね<br> <!-- BMI値の計算 --> <?php $height=$_POST['height']/100;//体重の数値に合わせる $bmi=$_POST['weight']/($height*$height);//BMIの計算 $BMI=round($bmi,2); ?> <br> ほうほう、あなたのBMI値は<span style="color:red"><?php echo $BMI;?></span>と出ましたね.<br> <!-- BMI値を基準として肥満度の判定を行う --> <br> <?php if($bmi>=30){ echo"貴方は[要減量肥満]判定ですね。<br />"; }else if($bmi>=25&&$bmi<=30){ echo"貴方は[要注意肥満]判定ですね。<br />"; }else if($bmi>=18.5&&$bmi<=25){ echo "あなたは[適正]判定ですね。"; // echo $proper; }else if($bmi<=18.5){ echo"貴方は[痩せ気味]判定ですね。<br />"; }else if($bmi>=25||$bmi<=25){ printf("貴方はこの結果にはあてはまりましぇん。"); } ?> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>
試したこと
・headタグ内にveiwportの<meta>タグを入れる
・ドメイン2つあるので両方にアップすると実機表示が異なる
補足情報(FW/ツールのバージョンなど)
・アップしているFTPツールはFileZilla(3.47.2.1)
あなたの回答
tips
プレビュー