windows 8 app CSS listview改变内联样式

时间:2013-06-15 18:36:03

标签: javascript windows-8 stylesheet

您好社区我有一个很大的问题,我使用listview在快照视图中显示切片,所以当我需要更改我的div容器的大小时,只需要更改我的图像的大小(嵌套在div容器中),并重新加载应用程序,新的大小将采用所有切片,但在DOM浏览器中发现只在第一个切片中自动创建一个新的div:

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

所以这个tile没有id或class,但是从以下样式开始:

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>

所以我希望你有人帮助我真正需要它,我已经变得疯狂尝试修复。

问候!

1 个答案:

答案 0 :(得分:0)

我建议你使用网格布局,你的布局有vw(视口宽度)和vh(视口高度)单位,它有助于使你的应用程序响应。 您可以使用媒体查询来定义全屏和快照视图的列表视图的大小

@media screen and (-ms-view-state: snapped) 
{
#article_beneficioslistView_small img
{
//css here
}
}