iPad上的Twitter feed-页面在滚动和灰色边框上移动

问题描述 投票:0回答:1

使用官方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;  }
css twitter scroll border feed
1个回答
0
投票
[确定,因此似乎最新的嵌入到HTML5网站中的Twitter小部件与iPad V.11.4.1(Safari或Chrome)不向后兼容。官方Twitter link在同一iPad上引起相同的问题。所以,仅此而已-没有解决方案!
© www.soinside.com 2019 - 2024. All rights reserved.