Question

0 0

iphone viewport 右边区域留有空白区域

如图，


 <meta name="viewport" 
            content="width=device-width,target-densitydpi=device-dpi">

        蓝色部分是个h1标签，背景色是蓝色，width已设为100%，可右边有一处空白，
        蓝色下面是个table，一个td里放了一个iframe，去掉这个iframe蓝色部分就
        能占满一行，所以说是iframe把viewport给撑大了，所以蓝色右边是空白，
        求解怎么保留iframe的前提下，把白色部分去掉

viewport ios

9 years, 10 months ago

Mr.cool

share

Mr.cool 9 years, 10 months ago

Answer 1

0

overflow: hidden

answered 9 years, 10 months ago

曾经的你还来过

share

曾经的你还来过 answered 9 years, 10 months ago

Answer 2

0

在iframe外加一层div，设置样式-webkit-overflow-scrolling:touch; overflow: scroll;
让超出div的内容可以通过touch来滚动。


 <div style="-webkit-overflow-scrolling:touch; overflow: scroll;">  
      <iframe></iframe>  
</div>

answered 9 years, 10 months ago

脆皮豆腐00

share

脆皮豆腐00 answered 9 years, 10 months ago

iphone viewport 右边区域留有空白区域

Mr.cool

Answers

曾经的你还来过

脆皮豆腐00

Your Answer