Показать сообщение отдельно
  #1 (permalink)  
Старый 13.09.2018, 13:49
Аспирант
Отправить личное сообщение для puzjob Посмотреть профиль Найти все сообщения от puzjob
 
Регистрация: 10.09.2015
Сообщений: 44

Увеличение ширины в мобильной версии
Все здравствуйте!!!
Друзья, столкнулся с такой проблемой: имеется скрит, который генерирует список спортивных сбытый, рядом с каждым событием есть стрелочка, при нажатии на которую появляются коэффициенты. Ширина блока со скриптом резиновая (100%) и при просмотре с мобильного телефона при нажатии на эту стрелочку и появлении коэффициентов, почему то справа появляется свободная область на экране и весь сайт можно двигать вправо-влево!
<html lang="en">
<head>
<title>проба</title>
<style>
	html, body {border:1px solid red;}
	</style>
	<meta name="viewport" content="width=device-width; initial-scale=1">
</head>
<body>
		<div style="border:1px solid #000;width:100%;">
		
<script  type="text/javascript" src="https://widget.enetscores.com/FWEDA4961D068DEAF1"></script>
		
	</div>
		

</body>
</html>


Код очень простой и там просто нет места для ошибки! Я даже специально все рамочками обвел, что бы видно было какой из блоков увеличивается, но оказывается, что ничего не увеличивается а просто справа появляется свободная область! можно конечно запретить прокрутку, тогда она не появляется, но все же мне кажется это не правильно! Может кто сталкивался с такой проблемой или знает в чем тут может быть дело!! помогите пожалуйста!!!
ссылка на саму страничку - http://score365.ru/m/w3.php
п.с. при просмотре с ПК блок растягивается на всю ширину и эти коэффициенты показаны рядом, а не в с крытом блоке. А вот с мобилки они прячутся и при развороте появляется выше описанная проблема! Посмотреть с ПК можно используя режим просмотра нажав F12 и затем ctrl+shif+m!
Ответить с цитированием