修复我的“响应式”设计

Question

在我的网站kylesethgray.com上，我做了一些“响应式设计”。除了两件事，一切似乎都很好：

1. 如果我有一个列表，无论是<ul>还是<ol>，当浏览器窗口水平缩短时，子弹会被切断

2. 出于某种原因，当做同样的事情来模仿移动浏览器时，会出现一个水平滚动条，并向右滚动，即使那里没有任何内容。

我能做些什么来解决这个问题吗？

Answer 1

我认为YouTube嵌入式打破了你的布局，试试这个CSS：

.video iframe { width: 100% }

此外，您应该考虑使用响应式设计框架，例如Foundation或Columnal