2

kinetic という素晴らしい .js を見つけました。私はhtml、cssをしばらくいじっていて、コンテナを全画面表示に設定できません。

http://designobvio.us/v4design/demo.html

すべての親を 100% の高さに設定し、フルスクリーンの jQuery を試しました。残念ながら、まだ運がありません。

読みやすくするために、コードを可能な限り組み合わせました。ご覧のとおり、高さを 400px に設定しました。他にサポートとして提供できることがありましたら、遠慮なくお尋ねください。

2番目のリクエストとして、境界線を内側に設定する方法を誰でも知っているでしょう. または、幅がそのままボーダーにうまく収まることを確認しますか?

4

1 に答える 1

2

div を絶対に配置し、次のようなプロパティを使用#wrapperしてすべての方向に伸ばすことができます。top, right, bottom, left

CSS

#wrapper {
    border: 5px solid #000000;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}

この方法では、ボーダーは配置にうまく対応しますが、コンテナー内に配置する場合は、ボーダー スタイルをinsetではなく に設定できますsolid。また、コントロール ボタンが消えるので、画像の前にポップさせるには、それらを に設定しposition:relativeて大きくし、z-index他のすべての上に表示されるようにします。

于 2012-03-18T03:55:25.540 に答える