Question

我无法在我的app for firefox中添加标题，我使用的代码是：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>Hindie</title>
    <script src="/js/action.js"></script>
    <script src="/js/jquery.min.js"></script>
    <script type="text/javascript" src="/js/base.js"></script>
    <script type="text/javascript" src="/js/webapp.js"></script>
    <script type="text/javascript" src="/js/offline.js"></script>
    <link rel="stylesheet" type="text/css" href="/css/style.css">
    <link rel="stylesheet" type="text/css" href="css/base.css">
    <link rel="stylesheet" type="text/css" href="/css/headers.css">
    <link rel="stylesheet" type="text/css" href="/css/buttons.css">
    <link rel="stylesheet" type="text/css" href="/css/toolbars.css">
</head>
<body >
  <section role="region">
      <header>
        <button><span class="icon icon-close">close</span></button>
        <menu type="toolbar"><button>done</button></menu>
        <h1>Title</h1>
    </header>
    </section>
    <div id="main">

我在模拟器中运行了相同的操作，但我的应用程序左上角只有一个小的橙色矩形

Answer 1

请退休“/”

<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/base.css">
<link rel="stylesheet" type="text/css" href="css/headers.css">
<link rel="stylesheet" type="text/css" href="css/buttons.css">
<link rel="stylesheet" type="text/css" href="css/toolbars.css">

Answer 2

我没有发现任何问题：你可能没有把正确的CSS文件放在网上，因为它没有橙色。我添加了

header {
    background-color: #FFA500;
}

到您的CSS文件，我在浏览器中看到一个大的橙色矩形（带有一些边距），就像在Firefox OS模拟器中一样。如果您不想要保证金，请添加

body {
    margin: 0px;
}

无法在firefox操作系统中添加标头

2 个答案: