1

サイトに常に同じ解像度を維持したい写真があります。つまり、ページのサイズを変更するときに、写真を拡大するのではなく、ホルダー内の中央に向かって「クローズアップ」したいのです。私は正しいcss属性を見逃しているだけで、すべてのヘルプが承認されると思います:

<ul class="slides">
<li style="width: 100%; float: left; margin-right: -100%; display: list-item;"><img width="2560" height="495" src="images/5.jpg"></li>
    <li style="width: 100%; float: left; margin-right: -100%; display: list-item;"><img width="2560" height="495" src="images/4.jpg"></li>
<li style="width: 100%; float: left; margin-right: -100%; display: list-item;"><img width="2560" height="495" src="images/3.jpg"></li>

</ul>

-100% のマージンがある理由は、それらがスライダーにあるためです。私が抱えている問題に関連しているとは思いません。ありがとう。

4

1 に答える 1

1

CSS3 で clip プロパティを使用できます -リンク

また、jqueryベースの画像トリミングツールであるjcropもチェックしてください

それが役に立てば幸い

于 2013-09-30T06:32:14.783 に答える