Android 在移动浏览器中从初始视口排除DIV_Android_Html_Ios_Css

Android 在移动浏览器中从初始视口排除DIV

android html ios css

Android 在移动浏览器中从初始视口排除DIV,android,html,ios,css,Android,Html,Ios,Css,我必须在我的实际内容右侧添加一个带有横幅的div。div是绝对定位的。在具有足够显示空间的普通笔记本电脑/台式机上，这不是问题然而，在便携式设备上，div被视为内容的一部分。因此视口将被缩放以包含它。虽然在输出中包含div很重要，但我不希望它包含在初始视图中。实际内容应该最大化，我希望人们能够简单地侧滚到横幅上——如果他们选择这样做，那不是因为我被迫添加横幅，我必须将它们放在显著位置这可能吗当前CSS如下所示： #side-container { position: absolut

我必须在我的实际内容右侧添加一个带有横幅的div。div是绝对定位的。在具有足够显示空间的普通笔记本电脑/台式机上，这不是问题

然而，在便携式设备上，div被视为内容的一部分。因此视口将被缩放以包含它。虽然在输出中包含div很重要，但我不希望它包含在初始视图中。实际内容应该最大化，我希望人们能够简单地侧滚到横幅上——如果他们选择这样做，那不是因为我被迫添加横幅，我必须将它们放在显著位置

这可能吗

当前CSS如下所示：

#side-container {
    position: absolute;
    top: 90px;
    right: -140px;
    width: 128px;
    text-align: center;
}

我主要谈论的是iOS Safari/Chrome，从我的观点来看，您完全可以使用CSS代码实现所需的行为。可能您的页面中缺少元元素

这是一个在iPhone4S和Nexus5上运行良好的例子，iPhone4S采用iOS 8.0.2，Nexus5采用Android 4.4.4，至少在初始页面加载时是这样。当您放大或缩小并点击浏览器刷新按钮时，它将停留在缩放的视口中。但是，当您再次加载页面时，请输入URL并继续，它将返回到所需的行为

横幅侧容器{ 位置：绝对位置；顶部：90px；右：-140px；宽度：128px；文本对齐：居中； } 主要内容 Lorem ipsum dolor sit amet，奉献精英。劳动、医疗、医疗、医疗和社会保障等方面的义务和义务都是不可分割的！

Lorem ipsum dolor sit amet，奉献精英。劳动、医疗、医疗、医疗和社会保障等方面的义务和义务都是不可分割的！

横幅内容 Lorem ipsum dolor sit amet，奉献精英。埃塞·尼西，夸姆。多洛雷姆·多洛雷姆是特尼乌尔共和国的一个例外。快走吧，你是不是要赶快走？不流动的多洛雷斯，马克西姆