3

ブラウザ ウィンドウのサイズが変更されたときに、CSS と JavaScript を使用してページのコンテンツをブラウザの中央に配置する HTML ページがあります。

標準の HTML5 Doctype 宣言を使用すると、すべてのブラウザーが CSS ファイルを完全に無視します。理由はわかりません。HTML5 Doctype を削除すると、再び正常に動作します。このページは、Chrome、FF、および IE の両方で同じ (誤って) 表示されます。すべてが間違っています。

以下はページの冒頭です。

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="/stylesheet-mobile.jsp" >
    <link rel="stylesheet" type="text/css" href="/stylesheet-mobile-frontpage.jsp" >

    <meta name="viewport" content="width=device-width" />
    <script src="/javascript/jquery/jquery-1.8.3.min.js"></script>
    <script src="/javascript/resize-fit.jsp"></script>
    <link rel="shortcut icon"  href="/favicon.ico" />
</head>

手がかりはありますか？

4

1 に答える 1

10

これらのファイルに正しいコンテンツ タイプ ヘッダーを送信していますか? Java を使用して CSS を生成しているようです。適切なコンテンツ タイプがないと、ブラウザはそれらを理解または尊重しない場合があります。

Content-type: text/css
于 2013-02-04T13:54:12.750 に答える