html - 修复我的 'Responsive' 设计

标签 html css tumblr

<分区>

在我的网站上,kylesethgray.com ,我做了一个有点“响应式设计”。除了两件事,一切似乎都很好:

  1. 如果我有一个列表,那就是 <ul><ol> , 当浏览器窗口水平缩短时元素符号被截断

  2. 由于某种原因,在模仿手机浏览器做同样的事情时,出现了一个水平滚动条,并向右滚动,即使那里什么也没有。

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

最佳答案

我认为 YouTube 嵌入破坏了您的布局,试试这个 CSS:

.video iframe { 宽度:100% }

您还应该考虑使用像 Foundation 这样的响应式设计框架。或 Columnal

关于html - 修复我的 'Responsive' 设计,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15719203/

上一篇:css - 如何删除 Twitter 小部件中的边框

下一篇:html - 调整图像大小,并在容器内水平和垂直居中

相关文章:

javascript - 我有一条消息输出,我希望有一个词橙色,其余正常

html - 如何自定义<输入类型="file">?

javascript - 使用 colspan 或 rowspan 的 html 表格选择

javascript - 显示/隐藏多个 Div

html - 如何删除表格 th td 间距

CSS3 过渡触发器不起作用

javascript - Bootstrap 中的进度条跳动且不准确? (包括 fiddle 示范)

css - 显示与 block div 列表的第一个 div 内联的 div

javascript - 如何将 JavaScript 添加到我的 Tumblr 博客上的每个非索引页面?

javascript - 无限滚动后外部 JS 文件函数未加载