1

これが私のデフォルトのブラウザー サイズです。私の QR コードは適切な場所にあります。ここに画像の説明を入力

ブラウザのサイズを変更すると、これが表示されます。しかし、QR codeこれをさらに縮小すると、これが消えます。ここに画像の説明を入力

QR codeの下に欲しいcaptcha。私はそれを検索し、いくつかの答えを得ましたが、私の場合はすべてうまくいきません.助けてください.

これが私のコードです。よろしくお願いします。

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

2 に答える 2

0

これはあなたが必要とするものですか？

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

デモ: http://jsfiddle.net/fWAg5/

Capta と qrcode の div は、十分なスペースがある場合はインラインで表示され、スペースが十分でない場合は垂直にスタックされます。しかし、これを別の解像度で行いたい場合は、メディアクエリを検討することをお勧めします!

于 2013-07-23T06:37:58.940 に答える