如何使<embed />填充所有可用空间？

Question

我有一个Bootstrap轮播，用于幻灯片放映照片和PDF文档。幻灯片中的照片尺寸合适 - 它们填充了可用空间并使用旋转木马调整大小，但PDF文档非常小，如按钮 - 太小而无法查看PDF的内容。

我如何让＃34;嵌入＆＃34;也填补了可用空间 - 即100％，就像照片一样？我试过宽度= 100％，但它没有用。

            <div id="carouselCol" class="col-md-8">
        <div id="myCarousel" class="carousel slide" data-ride="carousel" style="width: 750px; margin: 0 auto">
            <div class="carousel-inner" role="listbox" style="vertical-align:central">
                @{
                    index = 0;

                    foreach (RddPackageFile file in Model.RddPackageFiles)
                    {
                        string strRootFolder = CommonUtilities.GetAppSetting("PackagesRootFolder");
                        string strFilePath = PackageUtilities.ComputeRddPackageFilePath(strRootFolder, file).Replace("\\", "/");
                        string strFileExtension = file.RddPackageFileType.FileExtension;

                        <div class="item @if (index == 0) { <text>active</text> }">
                            @if (strFileExtension == "JPG" || strFileExtension == "PNG")
                            {
                                <img src="@strFilePath" fileid="@file.FileId"/>
                            }
                            else if (strFileExtension == "PDF")
                            {
                                <embed src="@strFilePath"  fileid="@file.FileId" style="height:100%" />
                            }
                        </div>

                        index++;
                    }
                }
            </div>
        </div>
        <div style="text-align:center">
            <label style="font-weight:normal !important" id="ImageName">[@Model.RddPackageFiles.First().FileId] @Model.RddPackageFiles.First().FileName</label>
        </div>
    </div>