Question

我在网站设计中使用zurb-foundation版本3.2.3。它在Chrome上运行完美，但在附加的屏幕截图图像中表示FireFox存在问题。简单地说，当我将浏览器窗口的大小调整为一些较小的宽度时，在FirFox中，右侧的某些部分不会如下图所示显示。 FireFox中的垂直滚动条也消失了。

以下是页面头部的代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html  dir="rtl"  lang="ar" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  <!-- Set the viewport width to device width for mobile -->
    <meta name="viewport" content="width=device-width" />
     <meta name="viewport" content="width=device-width,initial-scale=1" />
<link rel="stylesheet" type="text/css" href="/quran/themed/slate/css/imports.css" />

    <script type="text/javascript" src="/quran/themed/slate/js/libs/modernizr-2.0.6.min.js"></script>



    <!--[if lt IE 9]>
            <![endif]-->


    <!-- IE Fix for HTML5 Tags -->
    <!--[if lt IE 9]>

    <![endif]-->
<title></title>

FireFox版本：Windows 7 64位上的16.0.2，屏幕分辨率为1366 x 768。

我需要知道如何解决这个问题。

enter image description here

Answer 1

当我将浏览器升级到17.0版本时，似乎是FireFox 16.0.2中的一个错误。它工作正常，如下面的屏幕截图所示：

enter image description here

FireFox重新调整大小窗口的响应式布局设计问题

1 个答案: