如何使響應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鏈接的帖子選擇的答案