|
一个LP,在手机端打开之后怎么都不能适应屏幕大小 . m) o9 x7 Q- D& s
具体CSS代码如下, 请教改如何修改?
$ S% h, Y1 o" F9 dbody {
3 [6 e5 [' _$ q0 A% E# ? background: #d8d8d8;
3 ]3 V" J! c* p$ g font-family: arial, tahoma, verdana, sans-serif;
) e* M4 u! Z* F6 \1 c* `$ c0 b* i6 R+ b font-size: 14px; s' k2 G# d( K" Z- Q0 ^
color: #616161; |# M2 ?$ C" e. W9 V$ b: U% _
margin: 45px 0 0;' w4 L" G8 N7 B/ s1 X9 Y
}
. M1 a6 `4 F8 [ N( fimg {
4 q- b) v* O) I' ^! N border: 0;1 S( S0 H! j X3 J y
}
% Z: r4 n4 y5 I.clear {
/ \5 L3 _8 w% i: L% Q7 ~ clear: both;
; Z0 @) O1 u+ _2 {* F- E" v}
8 V% o4 o X% l" m ?9 C#wrapper {
: a! f8 V8 g# [& v5 g width: 852px;) j& ~) ?! j: \0 l; E; F+ h! V; P V
margin: 0 auto 0;
/ j, z' j/ d8 q- W4 I}( t4 e, [! R* q
#header {5 O+ m7 x! x% v
background: url('1.gif') no-repeat;
1 D7 Q0 V7 C+ E height: 113px;
i ]) W* o) G. N+ F' o}( u' O! X* y2 F1 N$ C/ r+ ~
#header a{ display:block; height:113px; cursor:hand; }
8 F" b' \1 n6 O; q, O( X#content {. a1 k4 \ J4 H# W% |
background: url('bg.jpg') repeat-y;; i8 i) i7 Y, Z: V8 O
}
1 H+ _% Q+ G& A: N#contentbottom {2 ], l. ~) g" I2 n( R) m0 @( \
background: url('contentbottom.jpg') no-repeat;
- y6 ~7 r4 n1 s! d5 ~ height: 6px;. K$ O# O$ Y5 |3 O* j( ^; ? M
}( f! t1 }2 L4 }4 f: U) y6 p
#col1 {. c2 t% i: i0 ~- V8 Q
width: 411px;3 N1 f9 H9 G/ e8 \' ^# W( K
float: left;, A/ I) g3 J q1 r! D, M# U
padding: 10px 0 0;2 A# g6 a9 I7 {
}
9 V/ }; O6 F6 l; T.girlspic img {4 U$ z1 q0 K- k9 t2 b
margin: 0 0 10px 10px;, i/ F) k; ~3 Q& y
border: 2px solid #111111;+ ?2 Y0 _! N0 s( |# b8 y
display: block;" P2 i3 e+ v! U5 v
float: left;9 x( u& M P% I d7 [
}* c& ]/ M& _- |/ F D6 A
#col2 {$ c7 W) x; |/ P
width: 399px;
& b5 ?( ~9 I7 H2 t float: right;
! _. M3 | P* W: m0 G0 U padding: 20px;& w& ^& l$ l" i# Z
}! P2 n4 C1 w, }9 i
#col2 h1 {
: l# i( L& R2 G- D* W5 o# x4 E font-size: 22px;
6 B; o% [2 M- i3 I font-weight: 100;) L3 n6 {8 J# E7 i' n) M
color: #0053cf;
2 w7 ]& X+ Y0 m+ v6 b margin: 0;
$ m& S8 [4 Q- B}) }; i2 [ [. C
#col2 p {
1 z2 N: v; }/ v margin: 0 0 10px;
, q9 T W& m: ~5 P' } line-height: 18px;, Z- h+ b# `. c7 L7 z4 u
}6 k! _4 L! u. p% k
#col2 ul {
7 b; m. b' f- K* y3 @6 Z4 _ padding: 0 0 0 30px;4 Y5 ]/ V" d& |5 p4 |, v
}% i. X/ j9 p: O+ x4 B6 \
#col2 li {
5 N5 j4 c# D: H6 O color: #0e0e0e;
7 c# N: f2 P9 R+ b5 t margin: 0 0 20px;
+ G7 S* m" F! D- y9 V, k5 _ font-size: 18px;
+ o0 m |. w- [0 U9 m* S7 K font-weight: bold;
?, ~1 O! L' g+ k# V2 Z}( f6 o+ ?: Z& e" a! y4 T
#cta {
3 O0 g' g3 @ j" W0 E& G text-align: center;3 e" T3 p& Z( r; p
}# J( `/ h) j- t% H( {; X6 \
#footer p {! o' T7 h @) u$ s) r* H8 V
text-align: center;& j9 g+ H* I: U& I; J8 g5 Z
margin: 0;0 l- R( K/ o; G& _( E. O2 b
padding: 10px;$ C& y# i* f& A2 A9 M
color: #8b8b8b;
, M7 l. K4 _& S& M font-size: 12px;
R3 y4 Y, p+ O* C0 c; {* y} |
|