|
一个LP,在手机端打开之后怎么都不能适应屏幕大小 " V! Y. ?8 y N8 U; r7 [: d2 T& H
具体CSS代码如下, 请教改如何修改?9 y6 n8 V" ~7 h- `
body {
* K D9 p0 Z; D n5 B: | background: #d8d8d8;
) f% J k+ N/ @ d1 ?# I font-family: arial, tahoma, verdana, sans-serif;2 X% X7 j3 K; O" R7 p
font-size: 14px;
. }* S) W0 ]( M color: #616161;
- k( A& E! C" B) B% y! I9 ?$ p margin: 45px 0 0;
! C9 l" _2 i+ S$ f h+ u5 c3 r7 ?}
y* t9 B) f' I4 x: X1 F, ?% R- G1 Mimg {4 h& J+ U9 y. Q. f
border: 0;3 N y6 ]; d a* g: m$ S+ w
}4 k& W+ T( j' g4 L0 i" B+ h3 t
.clear { ) i$ v5 B7 D+ W7 \! Q$ ^
clear: both;
/ D# B/ O9 _1 @ K2 O8 J}6 n4 M/ c+ k8 c+ G1 J! T
#wrapper {
5 b' s4 S' t% e' D width: 852px;
) \1 K+ @5 ?6 O margin: 0 auto 0;
9 ^5 e, y! n6 S}
8 E" s6 U' P+ a8 Z5 O y#header {
: x6 X7 ~: Y" K, d0 } background: url('1.gif') no-repeat;
- y* O# m1 ]$ @% v& E1 P height: 113px;) r+ g8 \8 i, H ?. D* P) I, j
}
^ j' D& L% ?! ?$ i' j#header a{ display:block; height:113px; cursor:hand; }/ S4 B. v Y- `+ B+ T: s
#content {
/ T7 s$ C% O7 l) U2 Q background: url('bg.jpg') repeat-y;
( i* `3 Y P# T5 m}
6 c. Q' ?8 d }% _0 K#contentbottom {
! ^( M4 M0 F4 U' i background: url('contentbottom.jpg') no-repeat;
' K: B- a' n; M6 q; u( \) H height: 6px;) d3 l4 o/ f; H( P& {/ p! k
}
5 C5 A# W; D4 D#col1 {
- T0 P u6 ?$ U, @ width: 411px;
) k/ T: `" P2 e$ A5 y3 l! { float: left;
) M) N1 ~8 t- s' n, Z4 g( ~) X% A padding: 10px 0 0;. x4 u! y: s# [; D8 b( V
}
5 u% {# J7 {8 B7 Q+ q( ?* u' j5 \.girlspic img {
0 @6 \6 y/ G9 i margin: 0 0 10px 10px;( k3 l/ x @2 J" d9 v
border: 2px solid #111111;
" @+ |- s& b6 s, \ display: block;
G( W0 l) P/ \6 w8 U) n$ \- i7 f( d float: left;
2 ?7 T% W# R" ?! a}) s6 V5 U T' ]! T/ w W
#col2 {
* M- p4 E' E& Y% b5 C width: 399px;; y3 K! n6 s9 d( z( ^3 K% \9 Z
float: right;/ O4 Z P6 l5 c! f
padding: 20px;
8 I$ T- Z' v. g. w}
2 e# `6 p- F; D5 H. d0 H#col2 h1 {4 h. q) p. Z; }" T
font-size: 22px;
- b( L8 R3 X2 M- G( d$ K font-weight: 100;! a; J# ^+ D2 L/ R( L
color: #0053cf;- h9 q* G1 V2 d. p9 I, [
margin: 0;+ { R& O- I1 D
}& D1 d# |$ c* H; g* b( B
#col2 p {
' S5 }" A" A& E5 c& d margin: 0 0 10px;
8 b. O: v3 I+ m line-height: 18px;) M P* g" C( D% R( n
}: H6 G7 _: I; {1 @' C: |
#col2 ul {$ I; c& i- v, O/ p7 U2 Q- q, P! @6 t
padding: 0 0 0 30px;& Y6 _5 s% g, g9 Y# k% t; Z
}
# S! N H# R# N* P+ u#col2 li {' Z+ } m3 J4 m2 v' ^/ B6 S+ q
color: #0e0e0e;
5 a1 |' a) J& G* x D5 T9 u margin: 0 0 20px;8 h! I; E& U' V. W
font-size: 18px;
/ |8 B" r0 @9 | font-weight: bold;
5 ^$ A+ e- k7 D5 v l! w9 y7 Y}
" ]1 N6 S' B7 f; c. [#cta {9 \& d7 S/ G# \: R
text-align: center;- R4 i2 ~1 `, C0 ^) }8 ]% O. D
}
9 N: D& l4 |: S1 v% ?#footer p {
. o" ]" _& s P" K: e7 P. l1 l text-align: center;
6 x7 O: I2 }9 J margin: 0;
8 I3 g0 G0 Q4 y% U padding: 10px;8 Z7 Z6 \9 D0 B4 W* |
color: #8b8b8b;
, v3 y' q6 U& L! O7 e font-size: 12px;
; e0 O% T( J4 t, x} |
|