Css Zurb基金会:广告被切断 我在Zurb基金会3有一个相当典型的布局。这是一行,左边是八列(包含动态观察滑块),右边是四列广告(“福禄克”广告),下面是广告框,在桌面上可以正常工作:
问题是当我转到iPad宽度和网格重新调整大小时。广告的右边缘被切断,如下图(家电广告)。这是因为iFrame中提供了广告。我怎样才能防止这种情况Css Zurb基金会:广告被切断 我在Zurb基金会3有一个相当典型的布局。这是一行,左边是八列(包含动态观察滑块),右边是四列广告(“福禄克”广告),下面是广告框,在桌面上可以正常工作:,css,iframe,responsive-design,zurb-foundation,Css,Iframe,Responsive Design,Zurb Foundation,问题是当我转到iPad宽度和网格重新调整大小时。广告的右边缘被切断,如下图(家电广告)。这是因为iFrame中提供了广告。我怎样才能防止这种情况 我曾尝试将广告上的包装div设置为最小宽度300px(广告为300px)。我试着将宽度设置为300px,这样可以保持广告大小,但右侧的8列块并没有减少以使广告适合。我假设您在iframed广告上设置了width=“”属性。你可以通过使用FLASTVISH告诉框架它是一个iFlash视频来保持你的广告内容流畅。 <div class="flex-
我曾尝试将广告上的包装div设置为最小宽度300px(广告为300px)。我试着将宽度设置为300px,这样可以保持广告大小,但右侧的8列块并没有减少以使广告适合。我假设您在iframed广告上设置了width=“”属性。你可以通过使用FLASTVISH告诉框架它是一个iFlash视频来保持你的广告内容流畅。
<div class="flex-video">
<iframe width="420" height="315"
src="../ads/yourfilenamehere.swf"
frameborder="0"
allowfullscreen>
</iframe>
</div><!--/flex-video-->
将该类添加到iframe周围的div将使它们保持响应。能否显示您的标记,以便我们可以查看它并了解发生了什么情况?我将尝试此方法,谢谢。同时,我已经将视口初始比例设置为0.8,这也起到了作用。将视口设置为0.8对于iPad来说非常有效,但其他平板电脑可能会遇到这个问题。iPad显示的分辨率比预期的略高。正如一个提示,它可能会在将来引起问题