iframe içinde çalışmayan tablolara sahip mobil aygıtta Duyarlılık

Question

Web sitemin gerçek bir mobil aygıtta nasıl göründüğü ile ilgili bir sorun yaşıyorum, ancak bilgisayarımdaki ekranı yeniden boyutlandırdığımda iyi görünüyor. Bu bir iframe içinde de ve iframe dışında bir mobil cihazda iyi görünüyor. Aşağıda gerçek URL, bir oyuncu için arama tıklayın ve sayfayı göreceksiniz. başkası bu sorunu var gibi

http://adidasuprising.com/adidas-grassroots-mens-events/adidas-gauntlet-series/dallas/

GÜNCELLEME

görünüyor. (Responsive)Table Width does not fit the container inside iframe on ios safari

Masaüstü olarak boyutu

Google Chrome iPhone

Answer 1

<div class="scrollablewrapper"></div> 

css bu page bu ile düzelttim.

iframe { 
     width: 1px; 
     min-width: 100%; 
     *width: 100%; 
    } 

Answer 2

Eklenti

<meta name="viewport" content="width=device-width, initial-scale=1"> 

içinde

, sanırım bunu kaçırdınız. Eğer Dahası

a JS solution. kullanmadıkça

Answer 3

Sen, masa duyarlı yapamaz, masanız bir iFrame, yani buna bir kaydırma belirlemek zorunda.

#exp-schedule-container { width: 1200px; } 

ve exp-schedule için kaydırma ayarlayın: Medya sorguda

iframe'inize width set

#exp-schedule { overflow-x: scroll; } 

Answer 4

ben senin Soru anlıyorum emin değilim. Mobil cihazdaki Tabloyu kaydırmak istiyor musunuz?

Böylece iframe'i bir div içinde kapatmalısınız;

.scrollablewrapper { 
-webkit-overflow-scrolling: touch; 
overflow-y: scroll; 
position: fixed; 
right: 0; 
bottom: 0; 
left: 0; 
top: 0; 
} 

.scrollablewrapper iframe { 
height: 100%; 
width: 100%; 
}