一个LP,在手机端打开之后怎么都不能适应屏幕大小
Y; M/ \$ _* L具体CSS代码如下, 请教改如何修改?
/ X& w0 k, G5 Kbody {
: o8 |/ c/ P! n0 g9 R background: #d8d8d8;8 G* e J; t4 ?
font-family: arial, tahoma, verdana, sans-serif;) P) ]3 h% j' C( r; u" w3 n
font-size: 14px;
@/ B u* p) K6 {/ _5 _) y' T color: #616161;
, C2 o# L) ~$ q) [ margin: 45px 0 0;
+ @5 t, U/ B! g4 }1 k4 b$ g7 Q}
/ s$ n( g y. k. I- w8 limg {
& c. w7 T U" O1 Q1 r2 ]" r0 P border: 0;: Z/ Q0 v! @3 w2 J1 ?
}; d6 S1 X7 w+ C, Q
.clear {
{0 F X R( v# E clear: both;% f) ]# T2 @+ h4 _# @
}) k$ ]3 M. X1 B R8 |. B4 R
#wrapper {# N/ Z& H. [3 U
width: 852px;
7 J. W1 A5 r( E; m, f, W" E margin: 0 auto 0;
* _ U# S" k% s( ?}
1 u0 A* d: q' t#header {
% r( W0 P7 }) t z% ~" S background: url('1.gif') no-repeat;
& `% ?/ v3 x1 [- { W+ q7 G height: 113px;
2 e( @5 R6 `. c8 Z5 Z( `9 j}
5 _6 A; F6 e- {. u2 S, L#header a{ display:block; height:113px; cursor:hand; }
h3 A+ h' T4 @' v#content {! g% O9 u4 n+ J+ u) P
background: url('bg.jpg') repeat-y;" E5 l. y& L. i# t! ]7 j/ S
}& U: d' {0 N3 S% P7 H: F( g
#contentbottom {
% g, F9 Y. x8 v5 E. x background: url('contentbottom.jpg') no-repeat;
! y! g4 {& n! {1 h/ y8 l# U" B: Z height: 6px;
; ~ D- v" n& M. E}- W6 ~" B) Z/ e ?6 e6 ?2 P, v
#col1 {$ T# g1 ~' s* [; P2 ]+ ]$ e \
width: 411px;! q4 m t4 Z6 Z% q, Y% u) `
float: left;) s7 S9 l& F6 T6 J
padding: 10px 0 0;6 m9 `& @* A @
}
B" ~0 d& s' P: p, G.girlspic img {6 ^3 x! I1 E8 |7 [/ B+ u7 F
margin: 0 0 10px 10px;
+ M X& p7 L$ N7 h$ v; s border: 2px solid #111111;' e5 }' ^, ^" \5 X
display: block;
) D) ^, j" w: ]$ i6 K" H float: left;$ m4 ]2 ]- Q" ~. f/ X
}
( v+ ]7 X. K# @3 A K# ^#col2 {: v- |# ^: V u- O2 V0 y" L, A
width: 399px;
5 R. G. K& C% s# T! q float: right;) D0 s: f6 \, O- x) _
padding: 20px;0 y6 K% G% ~6 [- r* O
}# g t. @& ]" |( |# ^' a4 ^
#col2 h1 {. L+ S: y* _1 Z* h9 H0 Y) o6 H
font-size: 22px;! _! a# I# x# H) c/ [' U
font-weight: 100;
1 P; p! a) {) P$ ?4 U color: #0053cf;
; p/ |$ L0 e7 Y5 e% t% w margin: 0;
" i) D& ]4 y" b+ d% F2 B- u}
, C( [! m( X" a, _, I+ E# ~#col2 p {1 v/ L" S3 J3 K6 R, x2 b4 X% f1 `
margin: 0 0 10px;7 g3 T" i* i+ l, j$ o3 B! }
line-height: 18px;7 e- J' b+ G4 } C" p
}6 ?* j5 _# g; e8 D$ P
#col2 ul {
; a! D2 }1 Z( e9 y4 k9 ^ padding: 0 0 0 30px;( g8 s2 T; s. `7 R4 S5 R% A {; q
}
* ~8 Y( D4 u4 ~4 w#col2 li {
% `+ x9 Y1 k4 a: z9 k color: #0e0e0e;
, y3 E6 b) D% d margin: 0 0 20px;) V7 f" t; s3 s* H, e. k5 |+ \0 ^
font-size: 18px;2 ]* ?% w/ s0 F* j; p
font-weight: bold;1 H; \& F$ W8 m/ ^' ?, ]! n
}8 N9 Z5 y; ]! `( M0 }3 h6 v5 l
#cta {
3 z. F* c( K! {) p text-align: center;5 ]' I& L+ j p9 B9 ~3 }8 T8 @
}' H+ \, ^0 Z( J4 [
#footer p {
Q o4 L# y, a. @* ] text-align: center;
% c) W6 W5 C S6 _ margin: 0;
; H4 X7 @. Y; o* f1 T" W padding: 10px;* }% V8 K0 @( W/ [
color: #8b8b8b;3 P* g6 o! h& G+ r$ N2 d
font-size: 12px;
Y& v T. l( z" Z1 a} |