頁面的設置內容

這是我的默認瀏覽器size.And我QR碼是在正確的地方。 enter image description here 頁面的設置內容

當我重新調整我的瀏覽器大小時，我得到了這一個。但是在這裏我的QR code正在消失，如果我減少更多。 enter image description here

我想要QR code根據captcha。我搜查了它，得到了一些答案，但都沒有在我的案件中工作。請幫助。

這是我事先code.Thanks。

 <div style="border: 1px solid lightgrey; border-radius: 10px 10px 10px 10 
     </table>px; width: 75%"> 
     <table width= "75%" style="margin-left:1%"> 
      <tr> 
       <td> 
        @Html.Captcha("Refresh", "Enter Captcha", 5, "Is required field.", true)<div style="color: Red;">@TempData["ErrorMessage"]</div> 
       </td> 
       <td> 
        <div id="qrcode" style="width: 200px; display: none">      
         <img src="@Url.Action("QrCode", "Qr", new { url = Model.ShortUrl })" onclick="AppendURL('@this.Model.ShortUrl')"/> 
        </div> 
       </td> 
      </tr> 
     </table> 
    </div>

來源

2013-07-22 EHS

也許你想嘗試一個響應CSS框架？ [這是一些列表]（http://learnlayout.com/frameworks.html）。 – GameScripting

這是你所需要的？

<div class="container"> 
    <div class="captcha"></div> 
    <div class="qrcode"></div> 
</div> 

.captcha{ 
    float:left; 
    width:200px; 
    height:100px; 
    background:#123; 
} 

.qrcode{ 
    float:left; 
    width:200px; 
    height:100px; 
    background:#456; 
}

DEMO：http://jsfiddle.net/fWAg5/

Capta和QR碼的div顯示內嵌那裏有足夠的空間，如果空間足夠的心不是垂直堆疊。但如果你想爲不同的分辨率做這件事，我會建議尋找媒體查詢！

來源

2013-07-23 06:37:58

是的......絕對正確。 – EHS

但它不是我的情況下工作。 – EHS

的問題是1）該表是600個像素寬（的800像素的75％），所以它永遠不會與窗口縮小，和2）驗證碼和QR碼是在相鄰的表格單元格，因此它們不能被做成相對於彼此流暢地行爲。你不能float表格單元格。

因此，從外部div和表中刪除寬度，將QR放在與驗證碼相同的表格單元格中，並將驗證碼浮動，例如將它放在容器中並給容器一些樣式。

我發了一個fiddle，但是請注意，您不能只複製我的代碼，因爲我必須刪除所有MVC命令才能看起來正確。

來源

2013-07-23 07:36:01

頁面的設置內容

回答

相關問題