|
一个LP,在手机端打开之后怎么都不能适应屏幕大小
: O, I" X; l, i, p m, l2 i: a/ v3 T具体CSS代码如下, 请教改如何修改?! p) e: x) ~2 K% Y# p+ A8 L; G
body {8 \8 K: R9 q) c: A
background: #d8d8d8;
! i: l, Y! m% S/ {+ ~& r' N! Z font-family: arial, tahoma, verdana, sans-serif;. F& j/ f* I2 W
font-size: 14px;
2 J; M5 x8 w# t8 h color: #616161;" M. X0 c# f# M+ b2 S- F) f2 A+ f
margin: 45px 0 0;
! B y) j0 x1 o}8 d; b9 i( A3 l8 f! i
img {
5 }0 M" T! U+ G* V l* k4 N border: 0;# C0 \" j3 m$ A& x2 Z
}
8 k0 Q+ V2 I8 r2 G2 c/ M( u1 R, g.clear { ' s0 q7 T1 F) w/ [: {$ C4 L
clear: both;
2 }+ ]: z" W: l) a/ G}
+ ^8 z' @1 U- ?8 M#wrapper {
& t) o& J3 `) W" ] width: 852px;* C8 o+ i( y Z& C1 q6 I% E
margin: 0 auto 0;- A7 {3 N. K/ ?4 [
}* F4 K! K5 y. w. N4 m9 M
#header {0 i3 r$ _* t0 Z- r
background: url('1.gif') no-repeat;( _8 j% l4 |/ ^4 r$ J
height: 113px;( x: K. t' Y% K8 ?* c* [1 M2 [4 q
}
; A) c/ Z2 W0 A1 ~3 I1 L#header a{ display:block; height:113px; cursor:hand; }5 I u- X; z3 B
#content {" H" X5 R" @( q
background: url('bg.jpg') repeat-y;2 p. S1 u0 l9 ?" L. z
}
% F8 \' t' R6 b#contentbottom {
, \8 K9 H8 ?: [2 `& P4 c background: url('contentbottom.jpg') no-repeat;
/ _: m9 }. G0 e' f& p+ g5 m height: 6px;
; o5 H% c8 r- o. O}
" f; O1 n& o9 O% U* q#col1 {
/ ?) w* e& s4 G width: 411px;
) ]0 L4 E3 q! ?$ M float: left;7 l$ g) Q) k0 L- ~4 W4 b
padding: 10px 0 0;% k& i& S, q4 n6 A7 ^ H
}
1 x. C3 c0 T; `7 @/ C5 S* E6 }.girlspic img {
& Y' ^" I( k5 j: p6 a0 _( c9 P margin: 0 0 10px 10px;
$ F3 H! U& b+ E+ l1 U: p border: 2px solid #111111;1 {$ o4 X; a* G! `. J8 ~
display: block;( s0 u K( d+ q1 c- {6 L/ l
float: left; [) c0 g) A" b9 q$ M7 f) t# m
}
' l) b5 f% ]1 l4 n#col2 {
0 _5 E; Q5 G+ Z9 i width: 399px;
8 V) Q" G; ?' i/ Q2 H4 |4 d6 z) e float: right;
0 P/ u( q5 x' I padding: 20px;
" y9 H0 U$ m1 K% Y- k3 Y8 y}
: B0 w. P6 \$ Z7 M% n) P4 c! k#col2 h1 {; B8 \3 I' j* h& u/ Z, [
font-size: 22px;( W4 P; c# P5 u0 _+ ~( f
font-weight: 100;& x2 F+ ^$ ^6 o# }( G* g% m
color: #0053cf;7 h/ p; w: O8 l, ^4 g
margin: 0;
' @1 s* Q5 Y$ e: w1 K3 d}
) ^ w/ X" X) k Y& r" L#col2 p {
1 Z7 n: y! I& g! w- D8 L margin: 0 0 10px;3 ^& Z; L* @9 u" Y/ N; u; t7 M; l
line-height: 18px;
' A* k9 \+ C' d( O: \+ X}5 H# u0 W$ n; n
#col2 ul {+ D. j9 ^+ }0 h7 N5 s z4 v2 r
padding: 0 0 0 30px;9 Z) o( q7 ~9 e. N# Z2 @- `
}
% c1 D; s' V0 e$ Z5 L/ n: d#col2 li {. V$ A9 s5 m& C( Q% {, Y/ X( `
color: #0e0e0e;" O I% d9 [, l/ F1 u4 N
margin: 0 0 20px;/ P: R; L& n z* o P. A G, d. b
font-size: 18px;
# ?+ `5 H2 \& l: p; i4 x font-weight: bold;
% G; `: X( T7 b# Y$ _+ h; }}( E/ H" p1 b1 y3 E: v7 P
#cta {& [+ m) _: u' ?
text-align: center;
5 j- E$ v4 [9 g& Y! T}
! G2 ^: m2 r& O9 u7 m+ ^#footer p {
! d3 I/ \. h% N4 s, D1 ^: n; l text-align: center;# c) T5 F# Z8 Y" m/ T
margin: 0;
1 I) d1 u- ?: G2 N* n* { padding: 10px;" `9 k) F5 \: ]3 m' u$ v1 x( w
color: #8b8b8b;. ~2 t- A: b f- `$ Q
font-size: 12px;
?" g3 q N/ r9 r/ L+ V* A/ [* a q} |
|