修改

Question

我有一个网页ioterm，我试图让它响应。我在几个Web浏览器FF，IE11和Chrome 44上进行了测试。问题是当Chrome显示时，div似乎更低。您可以在进入我的示例页面并导航到产品页面时进行检查。（ WASPMOTE ） 当图像滑动时，您会注意到WASPMOTE div位置低于其他位置。 FF和IE11似乎没问题。如何解决此问题 Chrome ？

如果您无法在此处访问我的网页，则可以使用图片。imgur

提前致谢。

修改

这是问题div。

<div class="row item active" id="one">

<div>
    <div class="row ">
        <div class="col-md-4" id="img1">
            <a href="#"><img class="img-center" src="images/waspmote_pro_t.png" alt="waspmote"></a>
        </div>
        <div class="col-md-4" id="img2">
            <a href="#"><img class="img-center" src="images/waspmote_exp_radio_board_2-375_t.png" alt="waspmote"></a>
        </div>
        <div class="col-md-4" id="img3">
            <a href="#"><img class="img-center" src="images/u13_gw_t.png" alt="waspmote"></a>
        </div>
    </div>
</div>

<div class="caption row ">
    <div class="col-md-12">
        <h3 class="productHeight">Waspmote</h3>

    </div>
    <div class="row" id="desc">
        <div class="col-md-4" id="exp1">
            <ul style="list-style-type: none;" class="productSize">
                <li lang="tr">
                    <i class="fa fa-share-alt"></i> Tüm sensörlere bağlanabilir
                </li>
                <li lang="tr">
                    <i class="fa fa-rss"></i> Tüm wi-fi teknolojilerini destekler
                </li>
                <li lang="tr">
                    <i class="fa fa-cloud"></i> Bulut teknolojilerine uyumlu
                </li>
            </ul>

        </div>
        <div class="col-md-4" id="exp2">
            <ul style="list-style-type: none;" class="waspmote">
                <li lang="tr">
                    <i class="fa fa-check-circle"></i> Ultra düşük güç (0.7uA)
                </li>
                <li lang="tr">
                    <i class="fa fa-check-circle"></i> 100+ Sensör uyumluluğu
                </li>
                <li lang="tr">
                    <i class="fa fa-check-circle"></i> Kablosuz uzaktan programlama
                </li>
                <li lang="tr">
                    <i class="fa fa-check-circle"></i> Şifreleme Kütüphaneleri (AES, RSA)
                </li>
                <li lang="tr">
                    <i class="fa fa-check-circle"></i> Encapsulated line available
                </li>

            </ul>
        </div>
        <div class="col-md-4" id="exp3">
            <ul style="list-style-type: none;" class="waspmote">

                <li lang="tr">
                    <i class="fa fa-check-circle"></i> Desteklediği Protokoller: RS-232,RS-485,Modbus,CAN Bus, 4-20mA
                </li>
                <li lang="tr">
                    <i class="fa fa-check-circle"></i> 3G/GPRS/LoRaWAN/LoRa/Sigfox/868/900MHz,ZigBee/802.15.4/WiFi/RFID/ NFC/ Bluetooth 4.0
                </li>

            </ul>
        </div>
    </div>
</div>

跨平台Web浏览器的CSS div定位问题

修改

0 个答案: