1

私は次のようなものを持っています:

<div id="map-container">
    <svg id="map" height="450" preserveAspectRatio="xMidYMid meet">
        // Stuff
    </svg>
</div>

地図です。テーブルヘッダーで一般的に行われているように、下にスクロールしても画面の上部に留まりたいです。ただし、CSS で「position: fixed」を使用すると、マップのサイズが完全に変更され (小さなサイズに縮小され)、再配置されます。スクロールしてもその位置は固定されますが、サイズと位置は完全に間違っており、「位置：固定」なしで表示されるものとはまったく対応していません。

現在、map-container の CSS は

margin: 0 20px;
height: 100%;
4

1 に答える 1

2

マップ コンテナのサイズ プロパティを設定しようとしましたか? このようなことをしてみてください。

#map-container {
  margin: 0 20px;
  height: 450px;
  width: 100%; // or any desired width
}
于 2013-06-20T00:07:22.903 に答える