为什么网页会如此奇特地分裂？
我对JavaScript相当陌生。我尝试过做一个摄影网站，从一个codepen项目中获得灵感。
在我的计算机上使用Google Chrome[Version 86.0.4240.111]查看时，网页看起来是这样的。。。
但当我在iPad或Android手机中打开相同的网页时，它已经分裂成了这个外观奇特的网站……
我已经尽力通过查看源代码来理解和修复这个问题，但是我找不到任何一个。有谁可以建议我这个源代码有什么问题，我怎样才能修复这个以得到一个像桌面一样的响应性网页？
网站:摄影灵感网站实况
源代码:网站源代码
谢谢。
共有2个答案
当我看到这个网站时，我立刻明白了你的错误，
当有人开始时安静是正常的。当您必须创建任何站点时，即使是针对便携式设备，您也必须始终在head部分使用以下html标记
<!DOCTYPE html>
<html lang="en" >
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
</html>
我还建议您研究一下它是如何工作的我附上了eveloper.mozilla文档
文件编制
我们需要与CSS媒体查询在这里的两个平板电脑，如果你想要，以及移动，如果你需要它。768px将捕获该值下的所有内容，包含值，500px将分别捕获。
现在您所需要做的就是在CSS中指定您想要针对的容器，例如，您的hero部分，您将主要使用width属性来处理这个容器。
/*片及以下*/
@media (max-width: 768px) {
}
/*移动*/
@media(max-width: 500px) {
}
-
问题内容： 我在代码的第34行上不断收到LineUnavailableException：https：//www.refheap.com/21223 错误显示为。 我正在创建Sound类的多个实例（在我的refheap粘贴中实现）。似乎最初的实例没有问题。但是，当我开始使用相同的音频文件制作Sound对象的新实例时，便开始出现此错误。 知道如何解决吗？ EIDT：我认为这个问题的 想法可能是我需要
-
问题内容： 我有一个配置单元表，该配置表按年，月，日和小时划分。我需要对其执行查询以获取最近7天的数据。这是在。我的查询当前看起来像这样： 这需要很长时间。当我用上面的实际数字代替时，请说： 它会在几分钟内完成。有什么办法可以更改上面的脚本，以便实际上只包含查询中的数字而不是函数？ 我尝试使用像： 但这不能解决问题。 问题答案： 解决方案 原始查询出了什么问题？ unix_timestamp（）
-
问题内容： 执行以下方法时： 被扔。这可能是什么原因？ 问题答案： 这可能是什么原因？ 我不知道其余的内容，但是我遇到的大多数PC使用8位或16位的“位深度”，而使用24位。它表示非常精细的记录质量。如果8位是“电话质量”，而16位是“ CD质量”，则24位将是“主录音质量”。
-
问题内容： 我写了以下课程： 输出为。 然后我添加了分号： 输出为。 结果令人难以置信。为什么添加的分号会如此显着地改变程序的含义？ 问题答案： 这不是错误。分号成为循环体中唯一的“语句” 。 编写另一种方法可以使其更容易看到： 由于分号，带有的块变成只有一条语句的裸块，该语句根本不与循环关联。因此，此块及其内部仅执行 一次 。 这在语法上是有效的java。等效于： 由于循环增量语句或终止条件中的
-
问题内容： 我正在尝试使用DB2运行一个简单的SQL语句，并且遇到了一些问题。我想在txt / db2文件中有一个脚本，并让引擎处理所有命令 这是脚本： 当我运行db2 -f / pathtofile时，我得到： 我究竟做错了什么？我的脚本有问题吗？另外，为什么没有“;”也能正常工作 我的陈述结尾处的终止符？ 谢谢， 问题答案： 可能会有帮助， http：//www.uc.edu/R/r25/do
-
问题内容： 为什么这么危险？ 为什么建议改为使用？ 我知道已弃用。还有什么使它不安全的？ 有什么地方可以使用方法吗？如果是这样，请举一个例子。 问题答案： 为什么Thread.stop（）如此危险？ 此处详细描述了这些问题：http : //download.oracle.com/javase/6/docs/technotes/guides/concurrency/threadPrimitiveD
-
问题内容： 我想知道为什么在引用“ w”之后会引发错误。您不是通过说obj = w来创建另一个指向该w实例的指针吗？也就是说，为什么与说谢谢一样呢？ 问题答案： 没有什么比早上引用JLS更重要。 JLS 6.3。宣言的范围： 块中的局部变量声明的范围（第14.4节）是该声明在其中出现的其余部分，从其自身的初始化程序开始，并在局部变量声明语句的右侧包括其他任何声明符。 和 JLS 14.2 方块：
-
问题内容： 我正在尝试读取文本文件，我正在使用fileImputStream，并将所有行读取到单个String中，然后将其输出到控制台（System.out） 当我尝试读取humanSerf.txt时，它在consol中为我提供了这一点： 在文本文件中，它说： 如何使怪异的文字消失？ 这是我正在使用的代码，请帮助 如何使怪异的文字消失？ps，这是在mac textedditor中完成的 问题答案：