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

Question

所以我一直在修改一个非常简单的网页（这就是为什么这对我来说很痛苦 - 它是一个简单的页面）而且我一直试图让它变得敏感。我有点看起来在移动屏幕上，但我调整的代码越多，其他尺寸的情况就越差。

所以..我真的希望我不要问太多 - 但是页面再次非常简单，所以这可能很容易回答。所以我只是跳进去询问一些问题：/

我希望该页面的大型号召性用语图像在手机屏幕上消失，我试图将徽标置于中心，并将电话号码置于其中心。我试图让子弹点图像位于两行文本的中心......并且接触形式正好落在它的正下方（联系表格看起来很好看，所以没有大问题）< / p>

我会将该页面的实时副本作为参考链接 - 以及指向我一直模仿的页面的链接，以防它有所帮助。

http://lab.blacksunresearch.com/是我的页面 http://landing.trugreen.com/growth29是模仿（排序）的页面

同样，我希望它听起来不像TON，但页面很简单，我可能只在媒体查询中遗漏了几行代码

谢谢！

编辑：Moose，表情符号已删除 - 另外，我确实提出了一个问题 - ＆＃34;如何让此页面更具响应性？＆＃34;

Answer 1

打开他们的CSS并查看带有媒体查询的部分。有你想要的。 你应该看看只有2个css： 的 themeform.css themeresponsive.css

Answer 2

你必须包含一些css才能使其响应（自定义css，Jquery，Jquery Mobile，Bootstrap等）。或者您可以简单地将一些媒体查询放在您希望您的网页采取不同行动的地方，即响应。