不影响视口大小的全角横幅

时间:2018-09-13 17:30:41

标签: html ios css viewport banner

一段时间以来,我一直在与这个简单的问题作斗争,我正在寻求帮助...

我正在尝试制作覆盖页面整个宽度的全角彩色横幅,但不会以任何方式影响浏览器视口的大小。我希望它可以被人眼看到,但是我不希望它影响浏览器的开始视图或滚动行为的大小/位置……就像它不在那儿一样。

我还希望能够将横幅广告插入HTML。

这是我的测试页:http://www.tanatu.com/widthtest

  • 绿色横幅广告效果很好,但是它的y位置是在CSS中定义的(很痛苦)

  • 到目前为止,“粉红色横幅”是我最好的猜测,它可以在Chrome上正常运行,但不能在iOS的Safari上使用(视口偏向一侧的iOS)

Safari iOS Positioning Issue

Correct Positioning

我已经玩了几个月了,所以任何帮助将不胜感激! :0)

谢谢!

0 个答案:

没有答案