0

嗨社区我有一个大问题，我使用列表视图在快照视图中显示图块，所以当我需要更改我的 div 容器的大小时，只需要更改我的图像的大小（嵌套在 div 容器中），然后重新加载应用程序和新大小将适用于所有图块，但在 DOM 资源管理器中发现仅在第一个图块中自动创建新 div：

<div tabindex="0" aria-hidden="true"></div>

所以这个图块没有 id 或类，但采用以下样式：

inlined {
height: 139px;
left: 0px;
position: relative;
top: 0px;
width: 1206px;
}

所以我需要将高度大小更改为我需要的高度大小，但不知道如何重新定义一个样式，也不知道为什么要创建这个样式和这个 div，如果不使用并且我不创建它，这个 css 样式也不做参考 UI.Ligth.css 或 base.css 或其他 css 规则，但如果更改参数高度大小（在 dom 资源管理器中）采用需要的大小，我不知道如何重新定义内联样式，我在我的名称为内联但不起作用的 css，即使这种样式自动生成也不会引用任何 ID 或类，导致这种样式不使用 . 或者 ＃

这是用于制作列表视图的模板：

 <div id="article_beneficioslistView_small"                                 
 data-win-control="WinJS.UI.ListView" 
 data-win-options="{ 
 itemDataSource: beneficiosData.dataSource, 
 itemTemplate: beneficiosTemplate, 
 selectionMode: 'none', 
 tapBehavior: 'invoke', 
 swipeBehavior: 'none',
 layout: { type: WinJS.UI.ListLayout } 
 }">
</div>

所以我希望你有人帮助我，因为我真的需要它，我已经疯狂地试图修复它。

问候！

4

1 回答 1

0

我建议您在布局中使用带有 vw（视口宽度）和 vh（视口高度）单位的网格布局，这有助于使您的应用程序响应。您可以使用媒体查询来定义全屏和快照视图的列表视图大小

@media screen and (-ms-view-state: snapped) 
{
#article_beneficioslistView_small img
{
//css here
}
}
于 2013-08-22T05:14:35.887 回答