一个LP，在手机端打开之后怎么都不能适应屏幕大小
: a) h6 D6 V! ?( t1 Y2 O& a% r具体CSS代码如下， 请教改如何修改？8 F, _2 M8 j( T: p
body {
2 f0 M5 ^8 X( C9 R background: #d8d8d8;+ t4 }& b$ S& E+ U: \0 M2 {
font-family: arial, tahoma, verdana, sans-serif;# |* t' o: ]& W7 |) R* T3 H" Q$ m
font-size: 14px;
% @" X+ x+ z, n; Q4 _ color: #616161;, x V, |; b% A( o
margin: 45px 0 0;9 J; S4 k. j, `4 T5 k: p
}6 g( U ~7 g# ?- L6 N5 M
img {! o: f# a M: ^# A
border: 0;' j/ m, S0 l! Y9 `7 y
}
& g7 R" w/ G! P.clear { 3 J( ]4 v7 f5 P+ q7 z- u
clear: both;4 z! D* M/ _, b5 m
}
$ c* t! Y& C. P6 t#wrapper { y: c6 m# A& F, N, c. Z1 ?: t
width: 852px;
5 ~% o! U0 K2 v* T" A- p- G margin: 0 auto 0;
. _& n# J. I& u8 }1 D/ P3 [}+ D/ `! t' ^; o+ ^4 G
#header {
9 V1 g# ^& U; {- d8 g background: url('1.gif') no-repeat;% }5 x; F6 e0 g3 d$ E
height: 113px;
' ~4 a) ^! O j2 }4 ]3 m5 I) r$ z}
; Q2 b- K$ \% A8 F& W0 T#header a{ display:block; height:113px; cursor:hand; }
/ j2 x2 w$ K; e# r#content {+ J2 G/ H5 j3 [: z+ V
background: url('bg.jpg') repeat-y;
$ Y L8 q/ c4 @* q, \}
/ W0 l0 K8 F, d/ f$ A0 j#contentbottom {- q) y0 O% G/ I% w4 J
background: url('contentbottom.jpg') no-repeat;* d0 @: H% K% R: O7 j; d; R2 Z: w
height: 6px;7 m$ N: c2 t/ M# J9 {# n
}
+ @5 N/ `3 |! c3 I#col1 {8 J2 d2 j+ M7 y* Y+ c/ S% A/ N5 u
width: 411px;: c# A8 ]0 Z+ R2 D$ j' H7 I3 Z
float: left;
, G0 Y5 D- { C1 h2 Y* x5 j0 r padding: 10px 0 0;$ a# o' G& p" ^
}
5 ~, P5 I( r: E' f# }.girlspic img {* I1 v6 A. O- |, @; `; t# a' s7 Q
margin: 0 0 10px 10px;
6 {( m1 z* k. y0 C) \ border: 2px solid #111111;
, t& B/ L. }$ d! j' m display: block;. F; A" Y# ^3 T$ h* D3 p2 h/ W
float: left;
; ~* y* i m! z/ J, a _7 Y* [8 P}
5 p0 l; e, ~2 R: u' f4 |#col2 {8 V2 P: z5 c/ c: E
width: 399px;
f% ]( m+ E6 Y& v% Q float: right;" N6 ^4 @/ U- h+ @: ~# w* `$ }* ~# B
padding: 20px;
7 Z* i$ ]7 e y. r3 x5 j% @$ z}5 o( C5 G6 A# ]% d2 S) Q
#col2 h1 {
, I$ R+ f7 r% H* Y/ e0 T font-size: 22px;. S# I2 J, P7 Z
font-weight: 100;2 o+ j. L- V( N
color: #0053cf;
; ]! J! ]& a% T& H6 } margin: 0;6 L' F9 k l- N/ |
}/ A9 Z$ t+ l& _9 [
#col2 p {
+ ~, S, X, ]9 _, m& Q4 K, f9 i margin: 0 0 10px;
. G. k/ I) ? R# D line-height: 18px; g3 e1 {( d6 G
}
5 v6 R G. l4 y5 l! \0 h3 d0 s6 U#col2 ul {# p3 l m, }2 }/ O/ D# N; p
padding: 0 0 0 30px;
6 A/ r4 G: ~ {& q8 d* j/ W}3 ], F5 O3 ~0 v# N4 J9 m/ E
#col2 li {
( Z" Q5 i+ n& Z! c4 v1 H2 I5 t# [ color: #0e0e0e;0 R" _! C8 q1 j7 ? |$ G# Z
margin: 0 0 20px;
( `/ g p& Z( i u9 D1 C2 U# g font-size: 18px;
' x1 {0 ~# _6 ]) {& w x3 B font-weight: bold;
% Q j. \1 C' y9 T# l$ Z' Z* Z}0 I; i! m4 ]: Q0 v% E
#cta {
2 `7 u0 S: u9 f; x: G text-align: center;8 F+ Q% ^& [. I1 t% G
}& \6 X Q% N# C; U# t) {9 [" n6 s
#footer p {
7 B$ c1 j8 j5 C$ |0 y, Y* L text-align: center;
; v6 h5 s7 @& G5 M margin: 0;
: q3 e# A$ c7 K. T padding: 10px;% b" L0 X6 |! f* L* S3 C
color: #8b8b8b;, b) [! V0 F: b/ |" j3 i
font-size: 12px;$ w$ x' c' I0 @3 M
} |
发表于 2015-9-6 13:08:26
发表于 2015-9-6 17:27:42
