windows 8应用程序CSS列表视图改变内联样式

windows 8 app CSS listview change inlined styles

本文关键字：改变 样式 视图 列表 应用程序 CSS windows      更新时间：2023-09-26

hi community我有一个巨大的问题，我使用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 explorer)把需要的尺寸,我不知道如何定义内联样式,我做了一个风格在我名字内联css,但不工作,即使这种风格的自动生成不引用任何ID或类，因为这种风格不使用。或#

这是用来创建listview的模板:

 <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>

所以我希望有人能帮助我，因为我真的需要它，我被逼疯了。

问候!

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

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