iPad 上的 Twitter 提要 - 页面在滚动和灰色边框上移动
Posted
技术标签:
【中文标题】iPad 上的 Twitter 提要 - 页面在滚动和灰色边框上移动【英文标题】：Twitter feed on iPad - page moves on scroll & grey border 【发布时间】：2020-09-07 22:07:25 【问题描述】：使用官方 Twitter 小部件将提要嵌入网站：在 iPad 上，当在 iPad 版本上滚动 Twitter 提要（在 Safari 和 Chrome 中测试）时，整个页面会暂时向右移动，左侧出现大的灰色边框11.4.1.它在桌面上运行良好。有什么想法吗？
基本的剥离 html 代码是：
<!DOCTYPE html>
<html lang="EN">
<head>
<meta charset="UTF-8"/>
<title></title>
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
</script>
<![endif]-->
<link href="style.css" rel="stylesheet" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <!-- can use for nivoslider alone -->
</head>
<body>
<div id="container">
<main>
<a class="twitter-timeline" data- data- href="https://twitter.com/TwitterDev?ref_src=twsrc%5Etfw">Tweets by TwitterDev</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</main>
</div>
</body>
</html>
&CSS：
body
margin: 0;
padding: 0;
color: #333233;
font-family: Arial, Verdana, sans-serif;
font-size: 16px;
line-height: 1.6em;
background: #eee;
html, body height: 100%;
container overflow:hidden; min-height: 100%; position: relative;
【问题讨论】：
你想让它覆盖一个 ipad 大小的页面吗？我的电脑扔边框没问题，对吧？你能想象你看到了什么吗？ 【参考方案1】：好的，看来用于嵌入 HTML5 网站的最新 Twitter 小部件不向后兼容 iPad V.11.4.1（Safari 或 Chrome）。官方Twitter link 在同一台 iPad 上引起同样的问题。所以猜猜就是这样 - 没有解决方案！
【讨论】：
这是新行为吗？您可以尝试在 twittercommunity.com 的 Twitter 网站部分报告/询问它。以上是关于iPad 上的 Twitter 提要 - 页面在滚动和灰色边框上移动的主要内容，如果未能解决你的问题，请参考以下文章
Twitter Bootstrap 模态背景不会覆盖 iPad 上的整个屏幕
IOS 7.1，如果目标设备系列设置为 iPad，通用情节提要上的常规宽度限制将被忽略
无法在移动/ipad 浏览器上浮动 twitter 引导导航栏
iOS 应用程序中的 Twitter 提要 - 我如何仅从我自己的帐户获取列表提要 [无需应用用户登录 Twitter]