|
一个LP,在手机端打开之后怎么都不能适应屏幕大小 $ \1 `' x5 q0 r/ u1 p$ j
具体CSS代码如下, 请教改如何修改?
+ h. e p' e! f) S1 a5 Gbody {; R; D6 C* {; {; L
background: #d8d8d8;$ n. ?( F8 Z6 P% g+ U: m
font-family: arial, tahoma, verdana, sans-serif;9 y+ p# y" ?7 f* M
font-size: 14px;+ _. k, n5 s) m& r" W3 v- }! \
color: #616161;
' H4 f$ _! [. N. C margin: 45px 0 0;7 D7 x5 S' X5 ]6 o/ C: b- P, s, ?
}, \: }6 e$ n6 {7 v( Q, z9 b
img {
8 \- u4 c5 D" {$ o4 h& W" V4 O border: 0;' G- W5 e9 h/ P; x4 ?
}
% Q' I8 F: Y3 s4 _! e.clear { * r6 n5 A& V- B/ B# z" y1 Q
clear: both;4 \5 H: ?6 W" T/ v) @2 k4 q; @
}3 P" A* ]3 a' K. s+ L
#wrapper {
& d! H2 B" V! f7 ^; H width: 852px;' c" Q; ]$ r9 x5 M1 y- F9 Z u
margin: 0 auto 0;
8 ^. Y7 ^( O( D* S" H}( ]* Q/ A8 _/ j6 Z2 I; S; P
#header {
~, A- K# ?6 D9 U+ \1 E background: url('1.gif') no-repeat;2 v9 m- x! ^- G0 p' \. d5 `
height: 113px;7 ~0 [7 v5 L5 Y$ b# |
}1 w1 {0 x( A/ y' q, G$ I3 ~: }
#header a{ display:block; height:113px; cursor:hand; }2 A- h* J; d2 n* w- E# w0 G
#content {& c+ Y2 W6 D* q8 R7 W! t6 G
background: url('bg.jpg') repeat-y;+ Q. g1 ]8 {" h, `+ R
}
% j; Y$ e8 X; ^: l#contentbottom {
2 f, N% n6 l8 {- [) M' t4 n background: url('contentbottom.jpg') no-repeat;
' d: q- f1 W& ]7 C# K! p height: 6px;2 T4 g9 M% N, A6 n
}/ B1 L1 L/ l5 Z9 G' {' Z
#col1 {
8 P8 X. c5 A6 i9 @3 a- ` A/ ] width: 411px; B0 X& A2 |$ `- `/ A
float: left;
1 ?0 L- E; d' j. F9 w9 L* T padding: 10px 0 0;
/ L% `+ f' k) _}
) q& i& Y% p7 T: @.girlspic img {6 S' e3 I+ ]/ a" M s
margin: 0 0 10px 10px;
* m, ~! c4 F; Q( k8 { border: 2px solid #111111;
2 X; p# s+ v9 p8 t+ b: c display: block;
' s8 Y& n4 K6 }( p' s float: left;
& o, [) l- X7 `}
; C* x8 ^+ G! c( v" a$ f, R#col2 {
- v+ t, K* P3 J. V. Q* @/ V width: 399px;
% ]9 p f/ L/ k' j float: right;
: C2 \$ E# ?5 F1 K5 \4 |, u# [# u padding: 20px;$ p0 {/ }# r: h* U
} ]* U: i- x/ ^1 a: Y
#col2 h1 {
( y$ H! \, n8 B) Q$ d font-size: 22px;' c$ f- x' _" B* I# s
font-weight: 100;
8 ^8 {/ X1 c& t/ X L1 X( z$ e color: #0053cf;
! Y$ u$ C( w# j2 _$ O margin: 0;( `9 A3 g# y9 z m
}
6 \! i' P6 y6 d7 J& G" R. C#col2 p {
3 v A, h' u# q4 ] margin: 0 0 10px;- N F d' a2 k& o p
line-height: 18px;
8 m; A9 O0 O! a: t- u7 U) \0 Y}/ X, E% m- {) b2 \0 X! g
#col2 ul {
: Q9 _) [, Q! V+ y: `2 `, u padding: 0 0 0 30px;5 n# y5 ?5 O8 w# t' b2 g
}' w6 g) n) u3 u M) _$ @
#col2 li {
& d8 x/ N$ k" ? color: #0e0e0e;
' M+ E3 S7 ^- O, r' i margin: 0 0 20px;2 d' k9 h: M" r
font-size: 18px;. F/ x3 f: p' m7 r9 E
font-weight: bold; Y1 g5 D! w i' ]8 N
}. ~! G, I7 C# z5 v4 l) r* |
#cta {
0 B. d1 `4 H7 l* T+ ? text-align: center;- T' E- V+ V/ r' n7 c" b9 c% L
}' Z2 d `- R0 X8 S% v4 F3 Q) Q
#footer p {0 w( _, x& G0 m9 V1 U
text-align: center;
' H ~) u0 r, T- J2 j3 J+ A$ c margin: 0;
: o: r# M+ _$ W; C padding: 10px;
7 B4 F9 I7 ?) L/ ` color: #8b8b8b;
1 U( w. M$ U# [( N font-size: 12px;4 y* f+ w# Z# j/ Q5 D! P
} |
|