iframe не будет сосредоточен на мобильных устройствах?

Question

My iFrame не ориентирован на мобильные устройства. Я должен определить ширину 1250px, потому что в противном случае она отображает только ленту iFrame на рабочем столе. Мне очень нужны черные края, чтобы быть с экрана на мобильный ...

http://www.howlatthemoon.com/birthday-parties-chicago

(я должен использовать IFrame, потому что мой CMS настолько устарел, он не будет работать с этим кодом . Я бы просто скрыть черный градиент я есть по краям, но CMS не отвечает на запросы средств массовой информации)

iframe, object, embed { 
max-width: 100%; 
} 

#midslide { 
    clear:right; 
margin-top: -47px; 
position: relative; 
overflow: auto; 
margin-left: auto !important; 
margin-right: auto !important; 
width:1250px; 
height:338px; 
} 


.center{ 
margin-left: auto; 
margin-right: auto; 
display: block; 
width: 100%; 
} 



<iframe scrolling="no" frameborder="0" id="midslide" align="middle" src="http://www.howlatthemoon.com/images/howl/landing/birthday-parties/slider2.html"></iframe> 

Спасибо всем, кто может помочь!

Answer 1

попробовать это один

#midslide { 
    clear: right; 
    height: 400px; 
    margin-left: auto !important; 
    margin-right: auto !important; 
    margin-top: -47px; 
    overflow: auto; 
    position: relative; 
    width: 100%; 
} 

Answer 2

Ваша проблема не CSS, это ваш левый/правый черный градиент изображения. Левый, чтобы быть конкретным, он подталкивает весь ползунок вправо, поэтому, что бы вы ни делали в своем css, вы все равно получаете изображение с левой черной маской. Нет ничего страшного в этом, и я могу понять, почему это нужно для посетителей вашего рабочего стола, но вы можете сделать это лучше, а не включать их в свой встроенный HTML-код, вы можете установить левое/правое дополнение/border для ползунка div. Даже если вы хотите внедрить их так, как сейчас, сделайте это правильно. По-видимому, левое изображение находится за пределами слайдера, а правый - внутри. Это проблема, которая у вас есть.
Хорошо, люк, надеюсь, это поможет.