Question

在此网站上，Chrome可以正确显示它，而Firefox可以使顶部显着减少。如果缩小，则顶部是可见的，但不能100％放大（即无缩放）。

图片1：Firefox以100％缩放，顶部被切掉。被我迷住了。

图片2：Firefox以70％的缩放比例显示，顶部在那里并且可见（不完全）。

图片3：100％的Chrome可以正确显示。

以下是相关的HTML代码：

<html><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>myANTon Anforderungserfassung</title>
<meta name="description" content="Test GmbH">

<link rel="shortcut icon" href="/Content/img/favicon.ico.gif">

<!--<script src="~/Scripts/jquery-3.3.1.js"></script>-->
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>

<script src="/Scripts/datatables.js"></script>
<link rel="stylesheet" href="/Styles/app.css">
<link rel="stylesheet" href="/Styles/bootstrap/bootstrap.css">
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/cupertino/jquery-ui.css">
</head>
<body style="background-image:url(http://www.testsite.de/wp-content/uploads/2016/07/BG_2000x768.png);      background-attachment: fixed;">
<div class="blended_grid" style="max-width: 1200px;">
    <div style="height: 128.567px">
        <div style="height: 128.567px">
            <div style="position: relative; padding: 20px">
                <!--Config for the button "Datenschutz" "Sitemap" "Impressum"-->
                <style>
                    a.A1 {
                        position: absolute;
                        right: 0px;
                        top: 60px;
                    }

                    a.A2 {
                        position: absolute;
                        right: 0px;
                        top: 80px;
                    }

                    a.A3 {
                        position: absolute;
                        right: 0px;
                        top: 100px;
                    }
                </style>
                <a class="A1" href="http://www.testsite.de/sitemap/" target="_blank" style="" rel="noopener">Sitemap</a>
                <a class="A2" href="http://www.testsite.de/impressum/" target="_blank" style="" rel="noopener">Impressum</a>
                <a class="A3" href="http://www.testsite.de/datenschutzerklaerung/" target="_blank" style="" rel="noopener">Datenschutz</a>
                <!--<a style="font-size:30px" href="#" title="Testtitle" rel="home">Anforderungserfassung</a>
        <p>Test GmbH</p>-->
            </div>
        </div>
        <div class="header-img" style="height: 128.567px">
            <img style="width: 100%; height: 100%" src="/Content/img/testheader.jpg">
        </div>

我不知道是什么原因导致了这种现象。如果您需要更多代码，请告诉我。（原谅内联CSS ...）该应用程序在ASP.NET MVC 5环境中（在IIS 5 / Visual Studio localhost上）运行。代码是浏览器显示的，而不是实际HTML文件中的代码-我认为这是相关的部分，对吧？

谢谢！

Firefox切断了网站的顶部

0 个答案: