|
一个LP,在手机端打开之后怎么都不能适应屏幕大小
& A4 h) j% e4 F" r/ Y具体CSS代码如下, 请教改如何修改?
/ {* ?) A) a, e \body {5 X. v5 y J( D1 a/ x
background: #d8d8d8;
# L% i/ j' e% l# w font-family: arial, tahoma, verdana, sans-serif;
1 {* J3 E+ J9 N. U k font-size: 14px;" u" P) Y7 S& i- T! Y+ n' z* S5 k
color: #616161;. Z: n) E. v: @& P/ ?$ j
margin: 45px 0 0;* T5 |( D* y) c" ~& {
}
, Z' ?- ~: ?- R6 ], T) f oimg {
: B' Q1 N; L p border: 0;
# J% [2 ^: f" s: [* }: N}- O# ?% P# d- |
.clear {
& K( j; @3 l& C+ q8 j0 p) S clear: both;
4 t0 a8 A, Z- v0 ~}
% b; c9 H" q# H2 y. `3 ?+ ?#wrapper {
9 R( @8 v5 b& |9 i) F# ]2 W2 s width: 852px;6 c, w: Y) J( q: w. e1 Y
margin: 0 auto 0;+ g: x* y$ g3 X
}! }$ @% @1 P+ V6 k5 w6 j3 @
#header {
9 [' L1 g' y! N4 F' i. Q% u background: url('1.gif') no-repeat;
4 M0 z9 b' C% B& I height: 113px;
, r E5 M+ G% r}. I! k5 q' ~2 Q* d- s8 m( A
#header a{ display:block; height:113px; cursor:hand; }; S) b0 f+ h; h5 w
#content {
5 n' o9 f* J3 H2 v X background: url('bg.jpg') repeat-y;
5 D& |) z" X1 }$ S4 P6 T, B3 D}
2 W# [ u, h7 z$ u#contentbottom {
- F! T- k# p) W5 I" n5 F$ L! A& W background: url('contentbottom.jpg') no-repeat;
; v( J. E y0 ?) u5 V height: 6px;6 J2 L1 J1 g4 D2 P
}
# S7 O( e" V4 R#col1 {
( @+ Z" n5 `: m/ q width: 411px;; `+ n3 T1 J9 o
float: left;) Q7 o, r( }% m r }3 A! g* [
padding: 10px 0 0;1 m5 H" E6 J2 R+ |; R
}
; i( T7 V; E7 ^1 R$ y% D7 u8 z.girlspic img {: q5 G( h( L. v$ I
margin: 0 0 10px 10px;
4 }$ L) d. B" Y+ \8 ^ border: 2px solid #111111;
5 _4 x p# ~4 v7 u5 T: D display: block;6 H, `7 o: O) n8 C/ G
float: left;
T3 A+ h$ R4 R- K' V! j( \}% R$ U( k, a0 T7 m( v* `# b
#col2 {# q9 n: p1 z% C9 b) B- d2 I3 j
width: 399px;
' p8 i+ v( x. G. ?+ r0 d9 O float: right; W' u5 I/ w( T$ H8 }2 {% S* a
padding: 20px;
1 B/ E- A3 n* H. ~( ]}# E7 p% l5 s' {+ h
#col2 h1 {
4 L) b! G$ v4 W+ P0 u( I font-size: 22px;
# {- T+ ^$ d' C; J/ m font-weight: 100;
a- {5 O$ u; T8 L color: #0053cf;
1 e- n* c$ ^( o! v" ~9 x$ \- a margin: 0;
( \) Z' X% ^- b$ t( w5 F; w}1 o2 y% v$ \4 E7 G' u2 ]
#col2 p {# n/ h# M. P8 @- w9 X9 N
margin: 0 0 10px;
" m% R" o. ^- ?8 {* G7 n line-height: 18px;
4 `. |1 S/ H% v4 j3 W5 G9 ]: {}
- G, s0 |: M) ]% \* \#col2 ul {4 o1 d$ b' ^( {# S* C
padding: 0 0 0 30px;: N. U# G( y f2 h9 r( q3 @
}
8 G3 x6 R& w. b8 D4 I#col2 li {4 ]! w5 A6 R2 o' k' \
color: #0e0e0e;
- t8 S. k" p1 i. H8 B: `- T margin: 0 0 20px;
& p }# z& V- v4 Q7 G l font-size: 18px;
( F) R% P. D- D$ P- V" [ font-weight: bold;: l { Y) S: d; v+ O3 B( Y
}4 D3 ]0 X. `7 l5 y3 K0 }
#cta {) l$ l" H5 X4 t& i) t
text-align: center;$ u* F1 Z/ Y; y- H4 u {, O
}
; {, z7 Q# F* g! L, R7 M#footer p {5 r7 i4 O& [8 v( i) R
text-align: center;
1 R' X0 A9 |. _$ Z/ ]2 _ margin: 0;
, Y: J) v" K7 J, X4 O ~0 C padding: 10px;( y1 p3 u5 H2 X4 }
color: #8b8b8b;
* q1 u/ B1 R3 d2 W; U0 v font-size: 12px;4 [: |5 s7 o; r4 y7 v7 h T1 d E9 U
} |
|