html - 如何使简单的 HTML 页面更具响应性？

Question

所以我一直在修补一个非常简单的网页(这就是为什么这对我来说很痛苦 - 它是一个简单的页面)并且我一直在努力让它响应。我让它在移动屏幕上看起来不错，但我对代码的调整越多，它在其他尺寸上的表现就越差。

所以..我真的希望我没有问太多 - 但是页面非常简单，所以这可能很容易回答..所以我会跳进去问几个问题:/

我希望页面的大型号召性用语图片在手机屏幕上消失，我正在尝试让 Logo 居中，电话号码居中。我正在尝试让要点图像位于两行文本上方的中心......并且联系表格正好落在它的正下方(联系表格看起来工作得很好，所以没有什么大问题)

我将链接该页面的实时副本作为引用 - 以及指向我一直在模仿的页面的链接以备不时之需。

http://lab.blacksunresearch.com/是我的页面 http://landing.trugreen.com/growth29是我模仿的页面(有点)

同样，我希望这听起来不像是一大堆东西，但页面非常简单，我的媒体查询中可能只遗漏了几行代码

谢谢!

编辑:Moose，表情符号已删除 - 另外，我确实提出了一个问题 - “如何使此页面更具响应性？”

Answer 1

打开他们的 CSS 并查看带有媒体查询的部分。有你想要的。您应该查看的只有 2 个 css:主题形式.cssthemeresponsive.css