html - 媒体查询不适合移动版本

标签 html css mobile responsive-design media-queries

目前正在重新设计我当前的网站并将其用作学习工具,因为这将是第一个使用媒体查询的元素。

我的标题在浏览器和我的手机上看起来都不错,但目前水平滚动时两边都有额外的白色填充,我已经尝试减少主要内容的宽度但仍然有相同的结果,除了它只是添加白色填充

http://www.adamhuxtable.com/demos/ah/v1/index.html

只是想知道我是否做错了什么。

感谢任何提示/建议

最佳答案

首先,我不会给你的 .container 一个宽度。让它成为auto。接下来的事情很难说。你能提供一个 fiddle 吗?

哦,我忘了:我还删除了你的 #circleposition: absolute

关于html - 媒体查询不适合移动版本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15361077/

相关文章:

php - 如何获取网站源作为原始文本 Jquery

CSS 浮雕(插图)文本

javascript - 移动框架

javascript - React Native 上的设备方向

html - 调整 reCAPTCHA 图像选择框的大小

html - CakePHP:四分之一精度的时间输入

javascript - 无法使用 JavaScript 添加表格行

jQuery 可拖动的奇怪行为

html - 如何将 svg 图标添加到带有文本的按钮

javascript - 如何使这个 jQuery 移动导航脚本仅在小屏幕上触发?