Использование официального виджета Твиттера для встраивания ленты в веб-сайт: на iPad вся страница временно смещается вправо, а слева появляется большая серая рамка при прокрутке ленты Твиттера (проверено в Safari и Chrome) на iPad версии 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-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; }