【问题标题】:Fix position images in a responsive website修复响应式网站中的位置图像
【发布时间】:2015-04-01 22:08:34
【问题描述】:

我有一个 WordPress 网站,它的主页上有 2 个图标,但是如果您调整浏览器的大小,图标会移动。如何设置他们的位置固定?

已尝试:position:fixed(项目消失)position:absolute(无济于事)

【问题讨论】:

  • 请发布任何相关代码。
  • 在我的主页中使用了这个 css 作为图标,你可以在这个打印屏幕中看到可视化的作曲家以及代码。检查最新
  • pic.icon-globe:before { content: "\f0ac"; margin-left: 209px; margin-top: 20px; width: 20px; } .icon-group:before { content: "\f0c0"; margin-left: 206px; margin-top: 22px; }

标签: html css wordpress responsive-design


【解决方案1】:

我不知道你为什么需要 :before 元素的边距,没有它们应该很简单,有没有机会看到网站直播?这将减轻帮助。


我会给父元素(数字)css:位置:相对,而不是:前元素:位置:绝对左 - 20px 或其他东西。

【讨论】:

  • 使用该边距来设置元素的位置,因为它们被自动放置在页面的左侧。我会有点棘手,因为该网站正在维护中,因此您需要一个帐户才能访问它。
  • 我会给父元素(数字) css: position: relative 和 :before elements : position: absolute left - 20px 什么的。
  • 如果你明白我的意思,应该这样做
猜你喜欢
  • 2020-10-11
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多