【发布时间】：2016-11-02 18:45:46
【问题描述】：
这是我页面的链接：https://intense-bayou-64974.herokuapp.com/
我最初是为 PC 构建的，然后通过媒体查询和一些 jQuery 代码进行了调整以适应更小的屏幕尺寸。当我调整窗口大小时，它在我的台式电脑上的浏览器中运行良好，但是当我在手机上查看它时，它有一个占屏幕空间一半的白边，我的媒体查询似乎都没有影响。我在这里做错了什么？
【问题讨论】：
-
请在此处添加有意义的代码和问题描述。不要只链接到需要修复的站点 - 否则，一旦问题得到解决或您链接的站点无法访问，这个问题将对未来的访问者失去任何价值。发布证明您的问题的Minimal, Complete, and Verifiable example (MCVE) 将帮助您获得更好的答案。有关详细信息，请参阅 Something on my web site doesn't work. Can I just paste a link to it? 谢谢！
-
您的问题是您的圈子具有 199px 的固定宽度和高度，并使用固定偏移量（以 px 为单位）。您需要为这些值使用相对单位。
-
我将用解决方案更新问题，以便其他人可以从中受益，抱歉，可能有太多错误，然后有人会抱怨我发布了太多不相关的代码。
标签： javascript jquery html css responsive-design