0

私は自分のウェブサイトのホームページに本当に苦労しています。

アニメーションとインタラクティブ、Webデザイン、印刷デザイン、イラストという画像は、私のコンピューターでは問題なく表示されますが、iPadで自分のサイトを見ると、適切に拡大縮小されていません。

CSSは次のとおりです。

#content { 
   position: relative;
   color: #333;
   width:100%;
   min-width: 900px;
   border:none;
   background: none;
   overflow:auto;
   padding-right:32px;
   padding-left:32px;
   padding-bottom: 86px;
}
#slideshow {
   position:relative;
   height:462px;
   z-index:-1;
}
#slideshow IMG {
   position:absolute;
   top:0;
   left:0;
   z-index:8;
}
#slideshow IMG.active {
   z-index:10;
}
#slideshow IMG.last-active {
   z-index:9;
}
#rightholder {
   float: right;
   clear: left;
   max-width: 639px;
   width: 60%;
   padding-top: 90px;   
   z-index:11;
}
.right {
   float:right;
   margin-bottom:20px;
   max-width: 50%;
   z-index:13;
}
.left{
   float:left;
   margin-bottom:20px;
   max-width: 50%;
   z-index:12;
}
4

1 に答える 1

0

あなたが何を達成しようとしているのか正確にはわかりませんが、あなたの問題は主に、サイズ変更時にページを制約するプロパティのいくつかに起因するmin-widthと思います。max-width

柔軟なユニットを使用している場合は、レイアウトをできるだけ流動的にするようにしてください。これらのプロパティを使用して奇妙な動作を防止していると思います。そのため、メディア クエリを使用してデザインをさまざまな解像度に適応させる必要があります。

また、画像 (CSS または HTML ドキュメントのいずれか) に固定サイズを設定しないようにする必要があります。代わりに、を使用してimg { max-width: 100%; }ください。

それが役に立てば幸い。

于 2012-07-31T12:30:53.613 に答える