如何使响应asp.net的列表视图

Question

我有一个在asp.net 4.5页面的列表视图。我正在填充其中的图像。它的工作正常。但是当我更改浏览器的分辨率时，页面的其他元素正在根据分辨率进行调整，但是listview中的图像未进行调整。请告诉我，我该怎么做？代码看起来像这样。

<asp:ListView ID="lVGallery" runat="server" DataKeyNames="ID" DataSourceID="galerySqlDataSource" GroupItemCount="2" OnItemCommand="lVGallery_ItemCommand"> 


      <EmptyDataTemplate> 
     <table id="Table1" runat="server" style="background-color: #FFFFFF; border-collapse: collapse; 
      border-color: #999999; border-style: none; border-width: 1px;"> 
      <tr> 
       <td> 
        No data was returned. 
       </td> 
      </tr> 
     </table> 
    </EmptyDataTemplate> 
    <EmptyItemTemplate> 
     <td id="Td1" runat="server" /> 
    </EmptyItemTemplate> 
    <GroupTemplate> 
     <tr id="itemPlaceholderContainer" runat="server"> 
      <td id="itemPlaceholder" runat="server"> 
      </td> 
     </tr> 
    </GroupTemplate> 
    <ItemTemplate> 
     <td id="Td2" runat="server" style="background-color: #E0FFFF; color: #333333;"> 
      <div> 
      <asp:ImageButton ID="ImageButton1" runat="server" ImageUrl='<%# "ImageHandler.ashx?ID=" + Eval("ID")%>' 
       Height="100px" Width="100px" /> 
       </div> 
     </td> 
    </ItemTemplate> 
    <LayoutTemplate> 
     <table id="Table2" runat="server"> 
      <tr id="Tr1" runat="server"> 
       <td id="Td3" runat="server"> 
        <table id="groupPlaceholderContainer" runat="server" border="1" style="background-color: #FFFFFF; 
         border-collapse: collapse; border-color: #999999; border-style: none; border-width: 1px; 
         font-family: Verdana, Arial, Helvetica, sans-serif;"> 
         <tr id="groupPlaceholder" runat="server"> 
         </tr> 
        </table> 
       </td> 
      </tr> 

     </table> 
    </LayoutTemplate> 
     </asp:ListView> 

Answer 1

http://www.codeproject.com/Questions/798213/problem-with-responsive-with-asp-net-datalist-cont 的LayoutTemplate模板包含一个块级元素（DIV）。这意味着ItemTemplate将被包装在div中，该div将占用全部可用宽度。

你应该能够只从LayoutTemplate模板删除DIV，使它成为一个跨度，或使它成为一个表像我从@mshsayem链接的帖子选择的答案