Javascript CSS：网站在缩小浏览器宽度方面看起来还行，但在手机屏幕上却减少了一半_Javascript_Html_Css

Javascript CSS：网站在缩小浏览器宽度方面看起来还行，但在手机屏幕上却减少了一半

javascript html css

Javascript CSS：网站在缩小浏览器宽度方面看起来还行，但在手机屏幕上却减少了一半,javascript,html,css,Javascript,Html,Css,这是我的，如果您在浏览器中查看此内容并减小浏览器宽度，它看起来会很好。然而，如果你在你的实际移动设备上看它（我在iPhone上测试过），它会被减半。我不知道为什么会这样。我也玩过很多元标签。目前我有这个，我也试过这样做，但这使我的网站水平滚动到实际宽度的两倍。（它只显示空白）我还有， overflow: hidden; overflow-y:auto; 在我的媒体查询中，我不知道为什么会发生这种情况。首先将元标记设置为然后，您的标题。主标题的宽度为950，这会导致问题。元素di

这是我的，如果您在浏览器中查看此内容并减小浏览器宽度，它看起来会很好。然而，如果你在你的实际移动设备上看它（我在iPhone上测试过），它会被减半。我不知道为什么会这样。我也玩过很多元标签。目前我有这个，

我也试过这样做，

但这使我的网站水平滚动到实际宽度的两倍。（它只显示空白）
我还有，

overflow: hidden;
overflow-y:auto;

在我的媒体查询中，我不知道为什么会发生这种情况。

首先将元标记设置为

然后，您的

标题。主标题的宽度为950，这会导致问题。
元素div with class“.main headline”的固定宽度为1140px，这会在左侧创建该空间，请尝试减小该宽度或在媒体查询中使用最大宽度：100%
干杯
您的
有问题，它有固定宽度宽度：1140px和巨大的左边距：150px和左填充：190px仅对您的案例使用填充。
可以尝试添加：
<body width=100%>



或


在Safari上，您也可以通过进入“开发”>“进入响应式设计模式”（确保在Safari Pref的“高级设置”中启用“开发”）来检查您的网站在其他设备和iPad上的外观.
.main headline在这个类中，页边空白被删除，因为您使用了100%的宽度与页边空白。
我看到了宽度：1140px
您在哪里看到了950px？也许我用调试器修改了一些css，但您明白了，.主标题和宽度超过屏幕宽度的孩子谢谢你们两位反应如此迅速。既然你先回答了，我就记下你的答案。再次感谢！非常感谢你！我不知道在编写媒体查询时，我是如何忘记限制宽度的。
<div width=100%>