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 コードを何度も再入力しましたが、同じ間違いを繰り返すことはできませんでした。

私を騙していたもう 1 つのことは、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
}

あります ";" (セミコロン) "Geneva" の後にありません。それが問題でしょうか？

于 2012-05-26T13:53:38.873 に答える
0

私の経験で最も一般的な問題は、css を間違って参照することです。

確認する最も簡単な方法は、Web インスペクタ (たとえば、クロム) を開いてから、コンソール ビューに移動し、404 エラーがないかどうかを確認することです。

于 2012-05-26T13:58:52.180 に答える