|
一个LP,在手机端打开之后怎么都不能适应屏幕大小 0 p. n2 @2 x7 I3 }' ]) f- |$ ~) y& C
具体CSS代码如下, 请教改如何修改?
4 v3 ^. C9 z2 ?2 l; H. n" U! zbody {. M. j/ s/ t. ]
background: #d8d8d8;! a& `9 ^* A$ c4 }0 S( k# m
font-family: arial, tahoma, verdana, sans-serif;; O: G! m4 A. }
font-size: 14px;/ }1 S7 \* b: W# L5 G
color: #616161;1 G# P( J& {2 }& f7 _1 M7 T4 G
margin: 45px 0 0;: I. W& j: T3 \5 w2 O/ g
}. J& D" x x' M' O$ C
img {, g5 W+ O _# J7 _8 j9 L1 D1 ]( E
border: 0;
% f/ S: ]. b8 I/ R/ X* _& U% D}
5 O, m4 S. P& }0 e2 O2 e.clear {
* \. u, [; I! u$ b1 t* T! {, T% w clear: both;
( U5 ~; z2 n4 U( e9 i8 U}) n; U: U9 \& q7 N ]9 y& l5 n- o
#wrapper {6 f, a5 ] _4 E1 h9 i- P* @
width: 852px;. W# L! G2 q( ]7 `% N6 G
margin: 0 auto 0;* ]( ]& N- |& U% h. L( N
}, i. Q* \& z/ D' n, i
#header {
2 u% C5 E4 a6 ?: l$ i background: url('1.gif') no-repeat;
5 l: {# ]: e: I" [( V height: 113px;
: C( s/ k; f* d2 r0 ~& i( x3 m}7 {2 c; j, {" W; u# O3 _
#header a{ display:block; height:113px; cursor:hand; }
6 V% e$ _7 z4 ~; D! ^! N- I' J9 t#content {4 E! \; n1 c* P
background: url('bg.jpg') repeat-y;% I+ P+ [' Z) E
}
+ z% p3 s. s9 t#contentbottom {" y( [2 C! }8 [' H
background: url('contentbottom.jpg') no-repeat;/ X# a C i$ f! h% P* f+ ~
height: 6px;
3 I. \# z) d6 M: o$ T3 j p3 r/ [7 n}
* V; K' L3 P. |7 J5 U0 f; D#col1 {+ L$ g+ t, P0 e1 g) O
width: 411px;- I+ J0 S* y: Z# @7 H6 W
float: left;" x2 s. v8 @ p/ C0 O' V; \
padding: 10px 0 0;
f- p2 {/ k1 P# z}4 p. s7 H+ n6 ^ T% f% v: A% A
.girlspic img {
1 B! { c! h' W1 D margin: 0 0 10px 10px;
& q# A: o; f" i border: 2px solid #111111;
8 M" g0 k: P1 R3 ~: n+ L/ j! Y display: block;
0 g) k0 V$ L7 K3 y& [! t float: left;2 G! F8 y9 ]( Y: Z: B2 S
}
* i) ~$ m+ y0 f( [$ I' B' F#col2 {
; L( }4 G' j% W# z/ \% ] width: 399px;
# |& I5 H/ R6 F, x float: right;
8 {8 y* F& {5 t# ?- j padding: 20px;
( M+ i7 `- O0 p. a; e4 R: t, T}6 l5 E5 a! v& t5 b
#col2 h1 {# R) Z4 `8 j0 U: B0 e; Z
font-size: 22px;
1 K$ K/ g5 \* K' Y& } font-weight: 100;
& o5 B( v' Q/ _" H# i( _ color: #0053cf;
( J# _# i2 {$ l* r margin: 0;
- {' p' T( g1 r, P}
6 p1 l$ G) u7 W! i7 \& x8 r2 ?#col2 p {6 J2 D5 F4 f3 K
margin: 0 0 10px;6 t' ]0 C8 X1 u7 @$ e6 ~
line-height: 18px;
1 U* W+ d7 C2 d ?) B9 t}
+ W+ E/ y Z5 ?. i) A, T#col2 ul {
9 ]. z* {/ l5 b* ~ `! _ padding: 0 0 0 30px;' d: {5 A8 V$ Q, w* j
}
- F4 H7 U* v: S. M8 Q+ v. P+ `" J#col2 li {9 u1 e" w; t7 l h4 Z
color: #0e0e0e;" X+ |( I( e# y0 E0 o
margin: 0 0 20px;
! @1 _# V S( Y6 i* i5 O font-size: 18px;6 @4 N! Y+ `% s0 m v% W0 l& e
font-weight: bold;
" x2 V7 ]) q e& Q# y9 d0 `}% a8 R- b! i3 c0 ? n3 J
#cta {
. H0 _! M. G! d1 Y% Y text-align: center;. b8 A2 e4 V- N/ J- w' \
}
, V/ \# x" E l) b3 w#footer p {
9 s. [1 a# f" h4 |% ~ text-align: center;2 z* z- U5 D, B8 l% l4 L- j
margin: 0;/ n6 w( H0 A* x& T
padding: 10px;
}) e( C3 p* r! g! w6 _6 P color: #8b8b8b;6 l/ _' S m9 m8 I) U8 D+ n
font-size: 12px;
9 \& R! J0 D/ o, O3 I, ?} |
|