gpt4 book ai didi

jquery - 如何在响应式网站上将元素与背景对齐

转载 作者:太空宇宙 更新时间:2023-11-04 13:39:11 25 4
gpt4 key购买 nike

我正在开发响应式网站 http://www.pegasuswd.com/mountain-climb/有很多图形元素。一个元素是一组沿设计路径出现的标记。在任何给定的时间点,在通过 css 设置的随机位置的路径上可以有 1 到 100 个标记。问题在于,随着站点规模的扩大,标记会移动位置并且不再遵循路径。标记的理想尺寸约为 1450 X 850 像素。 (它们在 700 像素宽处被删除。)

我正在寻找一种方法,让它们以各种尺寸保持在路径上。我认为这里需要一个 jQuery 解决方案来检测高度并沿路径重置标记,但我不确定。理想情况下,我想用 CSS 来做。有没有人对如何在站点扩展时将标记保持在路径上有建议或指示?

最佳答案

如果不编写十亿个媒体查询(仅 CSS),我真的只看到几种方法可以做到这一点:

  • 在山峰图像中包含标记
  • 使用 JavaScript 并监听窗口调整大小事件并相应地调整标记位置

关于jquery - 如何在响应式网站上将元素与背景对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22816889/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com