css - 我的网站会自动调整大小以适合我的 iPhone 屏幕，但图像不合适，我该如何解决？

Question

图像/文本/背景在我的桌面可用的每个屏幕尺寸中都保持在一起，但在我的 iPhone 上，文本、背景和图像调整大小的顺序是乱序的。我在 CSS 中所做的所有 @media 更改都不会影响我的 iPhone。 1.) 我如何更改我的 css 以便它们出现在我的 iphone 上，以及 2.) 我如何调整我的网站大小以便所有内容都在我的 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

感谢您的帮助。

Answer 1

它看起来像手机上的原件不是吗？？？

把它放在你的 html 头中

<meta name="viewport" content="width=device-width, initial-scale=1">