使用官方Twitter小部件将提要嵌入到网站中:在iPad上,在iPad 11.4版上滚动Twitter提要(在Safari和Chrome中测试)时,整个页面暂时向右移动,并在左侧显示大的灰色边框。 .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-width="450" data-height="600" 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; }