|
一个LP,在手机端打开之后怎么都不能适应屏幕大小
. f9 x0 L! X( f$ v2 c% s" A0 g- y1 F ?具体CSS代码如下, 请教改如何修改?
2 i6 i4 @8 W0 A6 D, nbody {
) _# D! z2 A5 T" Y3 ]4 q' }* ]: v background: #d8d8d8;
" a! x: a" \5 X w+ o: C8 \ font-family: arial, tahoma, verdana, sans-serif;6 E! K s% v! b; d' A
font-size: 14px;
h0 R8 E* N! X/ i0 X f- c color: #616161;
$ S, O3 k% ?% F% w5 M' a" k6 Y margin: 45px 0 0;$ H7 ~# ^& `) H: F% n" s* ?
}
2 E3 {4 [% y! l' ^7 P+ gimg {' ]. j" P8 f0 J5 [6 f5 [0 ]5 e
border: 0;7 U9 @; } I/ k9 r6 j/ r
}
$ O. E# R' M6 O9 _+ i/ C" h9 R.clear {
6 v6 E. @' A! H7 d ^1 G5 N clear: both;
) P6 A* K" y7 B }2 k1 V2 R}
0 m" U2 g3 V' \& F#wrapper {! K7 X$ c2 a7 P3 ^$ G4 v( f( N
width: 852px;3 o) U" e9 M: S- ]: m6 B+ ^) l6 x
margin: 0 auto 0;
/ y. r6 h+ X7 |% K0 n# r}3 w3 o( e) S; Q6 \# _
#header {
" f2 T& O. t r7 l. x0 O background: url('1.gif') no-repeat;1 d7 J' p# _8 \) f4 S: [2 Z
height: 113px;5 e: @! |9 c* ~$ c+ @6 l% C% a
}
" y4 L: E9 O4 j W#header a{ display:block; height:113px; cursor:hand; }
- N8 z3 \* @. z$ ?0 [4 z4 ^' E#content {5 o# v: O; |! ]+ y# s
background: url('bg.jpg') repeat-y;2 V6 \ V3 R9 }4 Q
}+ s) u: t3 S8 C/ P$ v. M
#contentbottom {& ^5 ?( k3 ~" x) v& B# K3 J
background: url('contentbottom.jpg') no-repeat;
! x! W8 p! b3 ^- V height: 6px;8 c; L3 R" w2 B* t# @
}
- v+ C% c3 U* V( H2 J#col1 {6 c; I! n& Q! N( E+ n/ e: r) m
width: 411px;
9 `* r3 |! {- t9 W. Y: g float: left;: Y+ |2 w' g, g" K- h2 y
padding: 10px 0 0;
/ b6 o _/ t1 t5 v4 W, A}7 P% {( u) j' b
.girlspic img {
, e3 [- w$ g0 ~8 I U# C: u5 Z. g! S margin: 0 0 10px 10px;1 S5 k( H+ Y; p" w
border: 2px solid #111111;# _1 A( {& V; \! }8 D
display: block;3 @1 @$ b- @# X+ f2 o; U; v
float: left;
# ~ F8 u9 ]! @1 w+ |, `* t}+ o' L& p0 U" O
#col2 {
, \1 Y Z6 u0 |/ H. M3 N width: 399px;( T! X9 H/ n. o
float: right;0 f1 ^& S4 ^2 y# b8 b5 J
padding: 20px;/ z5 \$ f. b$ B8 L) [" t
}3 ~; `2 e% ^. `! j3 d8 u& F0 C
#col2 h1 {/ O" X9 H8 `' c% D0 }; O
font-size: 22px;& `- H+ f: ]1 E! D- S# ?
font-weight: 100;0 X' a% m8 e8 ` ^" w/ F
color: #0053cf;
# x. r% p% W; @0 l# ?% V margin: 0;
! [ |) u7 O: O, X}
: o* _7 n3 P+ Q6 @3 z4 C( D#col2 p {
8 `& e+ J2 t5 h3 x4 w/ G* ? margin: 0 0 10px;
L! T3 k- I) o3 Y( h6 H/ _4 d line-height: 18px;
2 f8 B2 D; _( q0 w4 X; U} n9 z1 M* J" ?7 P) t& {
#col2 ul {
1 M) Z& Y+ C4 |4 \* W8 T padding: 0 0 0 30px;
# {5 Y/ _3 c1 t; u8 b; w/ X}
, E5 h( c% F$ L) u( _- r7 j8 v#col2 li {/ ^) x# I8 W$ O. S& n+ p
color: #0e0e0e;
3 g) X2 {! X8 o4 H margin: 0 0 20px;; Q. N. u% H* [2 g& F1 M' f
font-size: 18px;/ f7 k6 u: w6 O! g; u) Z! E* ^
font-weight: bold;" L$ P; i3 Y5 e6 m. x
} m" i: b' K- C7 {. w. \, \1 V
#cta {
9 A1 \/ W5 F/ ]8 j4 q text-align: center;1 T; g7 {& `2 V
}" q+ k# o5 A9 @7 `: a; ~
#footer p {# {, k3 S! W) [5 _$ m. T2 b/ j
text-align: center;
: G+ F4 N! r3 N% q2 f$ d margin: 0;+ X6 i$ R0 K( g4 s4 Z. A9 C- T/ R0 U
padding: 10px;) Y5 f2 o' b0 J8 c3 D/ f
color: #8b8b8b;
}, e. x8 ?% O8 m: [5 x8 M font-size: 12px;1 D1 \$ {3 O* Q, E* w3 G+ j B1 F
} |
|