Question

我正在尝试使用基础框架创建一个宽度为100％的网页，这样可以正常工作，直到我尝试添加＆＃34; div class =＆＃34; row＆＃34; ＆＃34;容器。

我想要的是，彼此相邻的两个图像，分别占据8列和4列。这些图像的两侧都没有填充，并覆盖整个屏幕。为此，我已应用以下代码。

<div class="row collapse fullwidth">
    <div class="large-8 medium-12 relative columns">
        <a href="#" class="darken"><img src="img/r3gamersHome.png"/>
            <div class="large-12 large-centered medium-12 medium-centered small-12 small-centered caption">
               <h2 class="brighten">Portfolio</h2>
            </div>
        </a>
    </div>
    <div class="large-4 medium-12 relative columns">
         <a href="#" class="darken"><img src="img/r3gamersHome.png"/>
            <div class="large-12 large-centered medium-12 medium-centered small-12 small-centered caption">
                <h2 class="brighten">Portfolio</h2>
            </div>
         </a> 
    </div>
  </div>

这几乎与我预期的一样，除了它似乎＆＃34; row＆＃34;在网页的左侧和右侧添加列为空的列。我不想要这个。但是，如果没有＆＃34;行＆＃34;我无法折叠列以删除填充。类。所以它似乎是一个或另一个的选择。我已经找到了添加代码以尝试强制全宽度的建议，但这对我没用，所以我正在寻找其他解决方案。

.fullwidth {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   max-width: 100%;
}

任何帮助都会很棒。谢谢！

Answer 1

只是在Codepen中使用它（here），看起来你的CSS无法覆盖.row类的Foundation CSS。

private Bitmap showVideoThumbnail(Boolean isUrlPath, String videoPath)
{
    Bitmap bitmap = null;
    MediaMetadataRetriever mmRetriever = null;
    try
    {
        if (StringUtil.isEmpty(videoPath))
        {
            return null;
        }

        mmRetriever = new MediaMetadataRetriever();
        if (isUrlPath)
        {
            mmRetriever.setDataSource(videoPath, new HashMap<String, String>());
        } else
        {
            mmRetriever.setDataSource(videoPath);
        }

        bitmap = mmRetriever.getFrameAtTime(1000, MediaMetadataRetriever.OPTION_CLOSEST);

    } catch (Exception e)
    {
        e.printStackTrace();
    } finally
    {
        if (mmRetriever != null)
        {
            mmRetriever.release();
            mmRetriever = null;
        }
    }
    return bitmap;
}

而不是

max-width: 100% !important;

为我修复它。如果您希望行div始终像这样行，您可能想要修改实际的Foundation CSS。

基准行阻止全屏网页

1 个答案: