0

私は自分のウェブサイトにロゴを持っていて、それを真ん中にとどめて応答性を高めようとしています。「magin-left:auto;...」から「top:30...」まで、大量の CSS コードを試しましたが、ロゴは小さくならず、中央に留まりません。誰かが私を助けることができるかどうか疑問に思っていました。これが私のウェブサイトです -- http://www.mediadude.co.uk -- ロゴは中央にある大きな mediadude のサインです。ブラウザのサイズを変更してみてください。

ありがとうございました。
ハントゥー

4

2 に答える 2

0

max-width画像には設定しましたが、h1タグには設定していません。

h1#LogoMain {
    max-width: 100%;
}

また、あなたは与えるメディアクエリを持っていますbody padding: 20

@media (max-width: 767px) {
    body {
        padding-top: 0;
        padding-right: 20px;
        padding-left: 20px;
}

上記の値を0ヘッダーなどの端から端まで見えるように変更します。

于 2013-08-24T20:37:04.057 に答える
0

これはあなたが望むことをします: http://jsfiddle.net/TJF8k/1/

<div class="header">
  <div class="floater"></div>
  <div class="imgwrap">
    <img class="image" src="//placehold.it/400x150">
  </div>
</div>

margin-bottomCSS では、画像のサイズに.floater基づいてネガを調整する必要があります。

.header {
  background-color: teal;
  height: 300px;
}

.floater {
  height: 50%;
  width: 100%;
  margin-bottom: -10%;
}

.imgwrap {
  width: 50%;
  margin: 0 auto;
  max-width: 400px;
}

.image {
  max-width: 100%;
  vertical-align: bottom;
}
于 2013-08-24T20:46:34.320 に答える