不同的浏览器以不同的方式呈现相同

Question

在此应用程序中，我显示一条消息，以告知用户使用Google Chrome浏览器。我用多个浏览器试过这个但结果却不一样。我使用以下代码段来检查浏览器。它在VB.NET中。如何将lblBrowser放置在固定的位置。

If Not Request.Browser.Browser.Equals("Chrome") Then
        lblBrowser.Visible = True
End If

<td class="browserAlert"> <asp:Label ID="lblBrowser" Visible="false" Font-
Bold="true" text="For best results, we recommend using Chrome to visit this
site." font-size="12px" runat="server" ForeColor="Black"></asp:Label></td>
</tr>

<style>
    .browserAlert {
        padding-left: 25% !important;
        margin-top: 1%;
        display: inline-block;
    }
</style>

戏

Internet Explorer

Mozilla Firefox

Firefox是唯一能够正确定位的浏览器。消息必须放在灰色线下面。

另一个问题是Microsoft Edge和Safari在调试VB.NET代码时将自己标识为Google Chrome。

Answer 1

在这种情况下，您为不同的浏览器编写了不同的CSS。你可以找到一个名为CSS IE hack例子*html or { _property: }

的东西

CSS IE hack