css 中的媒体查询在 phone 设备中不起作用
media queries in css not working in phone devices
我正在尝试创建一个网页，我添加了一些媒体查询来根据设备的宽度管理网站的外观。问题是，例如，如果您在计算机中调整 chrome 大小，设置为影响 800px 以下设备的媒体查询确实有效，但它在 phone 设备中不起作用，即使条件（更少超过 800 像素）被填满。
我在网站上添加了 link，以便您可以在 computer/phone
上查看
https://serchpics.github.io/Homepage/
非常感谢您的帮助，因为我不明白为什么会发生这种情况。谢谢！ :)
尝试添加到 <head> 部分：
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
您的网站没有设置视口，因此每次加载页面时它都会缩小。
您可以通过将此代码放在 <meta charset="utf-8"> 标签下来设置视口。
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
我正在尝试创建一个网页，我添加了一些媒体查询来根据设备的宽度管理网站的外观。问题是，例如，如果您在计算机中调整 chrome 大小，设置为影响 800px 以下设备的媒体查询确实有效，但它在 phone 设备中不起作用，即使条件（更少超过 800 像素）被填满。 我在网站上添加了 link，以便您可以在 computer/phone
上查看https://serchpics.github.io/Homepage/
非常感谢您的帮助，因为我不明白为什么会发生这种情况。谢谢！ :)
尝试添加到 <head> 部分：
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
您的网站没有设置视口，因此每次加载页面时它都会缩小。
您可以通过将此代码放在 <meta charset="utf-8"> 标签下来设置视口。
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">