ウェブサイトのデザインに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 バージョン: 16.0.2 (画面解像度 1366 x 768 の Windows 7 64 ビット)。
この問題を解決する方法を知る必要があります。