0
画像/テキスト/背景は、デスクトップ上で利用できるすべての画面サイズで一緒に留まりますが、私のiPhoneでは、テキスト、背景、および画像のサイズが順不同になります。 @mediaのすべての変更は、私のCSSで行い、私のiPhoneには影響しません。 1.）どのように私のiPhoneに表示されるように私のCSSに変更を加えますか？2）私のiPhoneですべてが一緒にとどまるように私のウェブサイトのサイズを変更するにはどうすればいいですか？具体的には、iphoneサイズの画面上のテキストと相対的になるようにイメージのサイズを変更するにはどうすればよいですか？私のウェブサイトは自動的に私のiPhoneの画面に合うようにサイズが変更されますが、画像は変わっています。どうすれば修正できますか？
私のウェブサイトの各画像に使用しているCSSの例を以下に示します。
#dragon-image{
position:absolute;
z-index:2;
padding-top:100px;
padding-left:440px;
}
#dragon-image img{
width:340px;
}
私もどこを開始するのか分かりません。ウェブサイトはHow to Make Kombucha Tea
ありがとうございます。
@ittlesあなたのhtml頭でこれを入れ
インスペクタを使用すると、あなたはそれはあなたのコード – DanyCode
を構築し、モバイル時にどのように見えるか試すことができ、私がしようでしたが、あなたのCSSの@mediaあなたのCSS＃info-bodyの行4283 - 幅780pxと高さ：1298px w3schools.com/cssref/css3_pr_mediaquery.asp – DanyCode
コードは私のナビゲーションバーを本当に奇妙にしました。画像の問題を修正しませんでした。私のモバイル版を自分のデスクトップ版とまったく同じようにする方法はありますか？それだけで私がやろうとしていることです。モバイル版は、デスクトップ版とほぼ同じですが、モバイル版ではすべての画像が適切ではありません。 – ittles