0

这有效(即输入滑块的宽度正确):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <style type="text/css" media="screen">

      div {
        margin-bottom: 1em;
      }

      code {
        color: gray;
      }

      .slider {
        width: 250px;
        height: 25px; 
      }
    </style>
  </head>
  <body>

    <div>
      <code>/qc/lfo/1</code><br />
      <input class="slider" id="/qc/lfo/1" type="range" />
    </div>

    <div>
      <code>/range/1-3</code><br />
      <input class="slider" type="range" value="0" min="0" max="100" onchange="send('/range/1', parseInt(this.value))" /><br />
      <input class="slider" type="range" value="0" min="0" max="100" onchange="send('/range/2', parseInt(this.value))" /><br />
      <input class="slider" type="range" value="0" min="0" max="100" onchange="send('/range/3', parseInt(this.value))" />
    </div>
  </body>
</html>

但是,当我从外部文件加载 CSS 时,宽度样式会丢失(但不会丢失其他样式):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <link  rel="stylesheet" type="text/css" media="screen" href="websocket.css" /> 
  </head>
  <body>

    <div>
      <code>/qc/lfo/1</code><br />
      <input class="slider" id="/qc/lfo/1" type="range" />
    </div>

    <div>
      <code>/range/1-3</code><br />
      <input class="slider" type="range" value="0" min="0" max="100" onchange="send('/range/1', parseInt(this.value))" /><br />
      <input class="slider" type="range" value="0" min="0" max="100" onchange="send('/range/2', parseInt(this.value))" /><br />
      <input class="slider" type="range" value="0" min="0" max="100" onchange="send('/range/3', parseInt(this.value))" />
    </div>


  </body>
</html>

使用 CSS 样式表文件:

div {
   margin-bottom: 1em;
}

code {
  color:maroon;
  font-family: Geneva
}

.slider {
  width: 200 px;
  height: 25px;
}

滑块的宽度不正确,但其他样式的颜色;字体和边距正确。在 Coda 1.7 Coda 2.0 和 Safari 中预览 — 宽度都不正确。尝试过让父元素更宽和一堆其他随机的东西......我在这里没有得到什么?


哦,亲爱的,这可能是“200”和“px”之间的空格吗?我已经多次重新输入了这个 CSS 代码,我不能一直犯同样的错误吗?


欺骗我的另一件事是我确实拥有正确的 CSS('px' 之前没有空格),当我在 Coda 中点击 Cmd+Opt+"B" 时,它没有在 Safari 中更新。只有当我重新加载页面时(Safari 中的 Cmd+"R" 看起来正确)。

4

3 回答 3

4

写吧

width: 200px;

代替

width: 200 px;
于 2012-05-26T13:53:28.110 回答
0
code {
  color:maroon;
  font-family: Geneva
}

有个 ”;” (分号)在“日内瓦”之后缺失。这可能是问题吗?

于 2012-05-26T13:53:38.873 回答
0

根据我的经验,最常见的问题是您错误地引用了 css。

最简单的检查方法是打开网络检查器(例如在 chrome 中),然后转到控制台视图并检查是否有任何 404 错误。

于 2012-05-26T13:58:52.180 回答