|
|
一个LP，在手机端打开之后怎么都不能适应屏幕大小 Q( d/ H0 \: r4 `" @, S
具体CSS代码如下， 请教改如何修改？: t7 F: N, d3 I; B/ k+ V
body {( b K7 I" E0 n9 ^
background: #d8d8d8;
% n: A) v: V+ B+ i7 } font-family: arial, tahoma, verdana, sans-serif;% @9 F3 F" O" b5 e, _6 g
font-size: 14px;& I! Z' T# Y* G$ W: G( W
color: #616161;
! A T7 t" {, w7 x margin: 45px 0 0;! Y# _. v% T2 D" l6 }" q
}
+ Z z( _( A5 Cimg {! z: f4 P3 q3 o3 j/ i$ r8 ?2 F" W
border: 0;/ @) G" u# ^0 W( ~7 h1 R
}/ ]: N, y C' i+ F: I- r
.clear {
- q" _6 k2 C5 F clear: both;! t- ~: [! x: ~; E
}
5 s* y5 j" T4 h" B# U/ f- P# j#wrapper {
) p7 l6 a8 ~: W8 C x/ j% ~ width: 852px;) v) }$ K, v- H" `( N: h
margin: 0 auto 0;5 V; ~$ ^: c- ]1 V; H! r
}9 ?8 s; i2 x3 t+ |4 H2 p, j1 q/ d
#header {
: j8 d; g% S/ U, G9 |6 D background: url('1.gif') no-repeat;. N) h( r4 l3 E" S+ Q J7 a4 E
height: 113px;
& y0 n( I* Y( f* u# m& t}
6 B/ n% J n/ i1 e( k#header a{ display:block; height:113px; cursor:hand; }2 \2 E" f7 O* l( M( `
#content {4 K6 K8 w$ r \6 R
background: url('bg.jpg') repeat-y;
3 ^6 l& G: f, y4 H}
2 d- P% J+ A: K6 U, |) k+ r#contentbottom {5 n1 V' u1 R, @: k0 p' d" E8 R" j; X
background: url('contentbottom.jpg') no-repeat;
4 m) G. \9 a7 v4 P2 g+ q' _( v& E! s8 P height: 6px;
4 K r( F$ Z+ T5 u! K$ }+ y}
4 Q$ e5 Y- N: x+ E h4 x1 I#col1 {' B% b2 {+ h7 P( G! U* Y
width: 411px;
+ x- [: ~5 c# X" a float: left;5 U- [3 F- F( r! J/ I' K
padding: 10px 0 0;
: z- Y: T: l1 h9 ?}" n: O" z. C3 e( G3 |
.girlspic img {! U/ h! Y: ^. F8 @
margin: 0 0 10px 10px;
' |9 Q: h( ~$ Y7 {6 y( V border: 2px solid #111111;
' n5 m1 T# ~) H: e/ } display: block;
2 y% q: E, @: k4 r float: left;
' R- O2 M8 W! E/ S, B+ S}7 A* _# k- G9 q' X- i/ W
#col2 {
/ K" x3 i: a, Q p' I width: 399px;
* A6 Q3 z8 j- e5 P" |* j% C8 N+ X float: right;8 m& n# z5 t5 O/ \5 w4 f
padding: 20px;
~0 v' K# N: \% z# R}
1 j7 T" s2 ^' H! H; B" u! I#col2 h1 {
7 n. O( v3 u6 P" H% Z font-size: 22px;
" ?+ y3 \, w0 U' K P2 y+ T2 Q font-weight: 100;/ o( F$ `! y% ]5 f2 i8 r1 ?5 N$ v; N
color: #0053cf;4 |2 I- E* R' P. P; _9 w8 x
margin: 0;4 |' z- r) a- I3 e, t7 t) O
}% }1 @' z5 K+ e' h T8 d. M6 T% d
#col2 p {
o6 z) O1 o, g margin: 0 0 10px;
. u2 `/ i! b+ O4 `( f1 S8 y) M& E line-height: 18px;2 b9 I) H% D! P
}
7 F9 K# N1 g* v: \5 _#col2 ul {. \* H2 m/ _* ?4 O4 t3 S
padding: 0 0 0 30px;
+ q+ F/ ]6 }! O9 R# W/ n+ n}
7 }1 J! X8 ?% S O#col2 li {( ], A! M' N: W
color: #0e0e0e;
4 h% c/ v& O" `; W+ x9 x margin: 0 0 20px;1 i" ]( t8 R0 r5 }
font-size: 18px;& a+ G( y0 H1 D( ?0 G: H7 K) Y" n
font-weight: bold;
) K7 a6 y E. {}
4 @7 M$ d2 t: B4 C/ N/ }1 m% J2 U#cta {
) V, y6 o, N" y1 E( F/ M text-align: center;- m$ A# D; }+ V/ @- d
}3 o& l% b+ H% W8 v; |0 a
#footer p {# {, `7 |( C/ e* n
text-align: center;
: U# m' ] o0 w8 ~' R% E' j; f margin: 0;
" C& d, U f0 M& j& Z padding: 10px;( P# q8 h0 H% O3 e+ D! p
color: #8b8b8b;
9 A2 k5 A8 \. `/ S% Q- v/ g font-size: 12px;
9 }% A2 ?% [3 D5 J$ K6 n n- J0 f} |
|
发表于 2015-9-6 13:08:26
发表于 2015-9-6 17:27:42
