2 列のページを作成しようとしています。画面の 70% を使用したい最初の列と 20% の他の列を使用します。
最初の列では、css またはスクリプトを使用してレスポンシブ イメージを配置しようとしましたが、満足できるものはありませんでした。
何か考えはありますか？
貴重な時間をありがとう！
例: http://www.screencast.com/t/0SddrUSln5
いくつかのテクニックが続きました：
1)ブートストラップ...
<div class="col-xs-12 col-sm-6 col-lg-10">
<img src="img/intro_img.jpg" alt="" style="width:100%;">
</div>
<div class="col-xs-6 col-lg-2">
sidebar
</div>
2) 全画面 jquery スクリプト
http://blog.aaronvanderzwan.com/2012/07/maximage-2-0/
しかし、全画面画像を「プッシュ」してオーバーラップしないサイドバーを生成する方法がわかりません。
3)Class "responsive-img"
画像が画面の 70% または 80% を占めることはなく、下部に非常に薄い白い余白が存在します。実際には 83,67....% で 84% になるとスクロール バーが表示されるので、全画面列は表示されません。
私はここの新人です... きちんと説明したいと思います...