2017-11-15 6 views
0

いくつかの画像を含むウェブサイトを開発しました。その一部は約3000pxの幅を持つメイン画像です。イメージがMAC上のブラウザの全幅を占めないのはなぜですか?

私は、画像全体の幅を埋める作るためにこれを使用していますし、それがテスト中に私と一緒に働いていますが、クライアントはそれが全体の幅を取っていないことを言ったと私のスクリーンショットを送った:ここ

img{ 
    display:block; 
    max-width:100% 
    height:auto; 
} 

ですウェブサイトのデモリンク: http://www.zhtml.aba.ae

どのように動作させるには?

彼はあなたが唯一のページの100%である最大幅を、定義されたMAC

+0

最大幅は、画像がブラウザより大きい場合にのみ、幅を100%にする必要があります –

答えて

1

上のChromeブラウザからそれを閲覧しました。あなたは単に "幅"の "最大幅"を置き換えるようにしてください。

img{ 
    display:block; 
    width:100% 
    height:auto; 
} 
0

ブラウザを変更して相違点を確認してください。違いがわかります。

<style> 
div.e1 { 
    width:400px; 
    margin: auto; 
    border: 5px solid #73AD21; 
} 

div.e2 { 
    max-width:400px; 
    margin: auto; 
    border: 5px solid #73AD21; 
} 
</style> 

<div class="e1">width: 400px;</div> 
<br> 

<div class="e2">max-width: 400px;</div> 

<p>blablabla</p> 
関連する問題