我刚刚开始学习html / css / javascript并决定将一个网站放在一起练习。我现在知道，我在创建这个网站时采用的很多方法被认为是不好的做法，这就是为什么我不会继续这样做的原因。我遇到的问题是让我在Firefox的移动模拟器上看到的移动布局显示在实际的移动设备上。有关如何解决此问题的任何建议？
提前致谢！
答案 0 :(得分：0)
尝试在＆lt; head＆gt;中将此元标记添加到您的网页元素：
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
我曾在Bootstrap上遇到过这个问题，然后在网上找到了这个漂亮的答案。我也建议使用像Bootstrap或Materialize这样的东西。
答案 1 :(得分：0)
大多数现代浏览器都已经有了一些基本的CSS样式：如果你输入<h1>sentence</h1>这样没有基本的HTML元素，Chrome仍会提供网页。
我构建了一个像Bootstrap这样的基本Web设计框架，这三行对于制作响应式网页至关重要。请务必将其添加到<head></head>。
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Content-Language" content="en">
<meta name="viewport" content="width=device-width">
Dropbox文件无法打开，所以我还没有看到你的作品。尝试添加这些并查看它是否有效。