|
|
一个LP,在手机端打开之后怎么都不能适应屏幕大小
5 {" D$ y6 p6 o& [2 l8 G1 k" Y% n$ v具体CSS代码如下, 请教改如何修改?
! r H ~% p1 ^% Lbody {
/ O% b5 t/ p2 @4 X9 E background: #d8d8d8;
& l! K- `' U# C font-family: arial, tahoma, verdana, sans-serif;# o$ S1 j6 v% ?# r. @
font-size: 14px;1 Y: @. a1 _' K
color: #616161;+ j% E$ B) r6 G( u/ p% K [% j* f
margin: 45px 0 0;
/ g( p9 V2 a1 r! v; V}
2 Q4 {$ d3 ], M% ?9 mimg {8 U& R- z% S. R
border: 0;' n }4 Q2 {7 h
}
" R7 v0 R) Y) |! V8 ]6 v9 @+ [- |* B.clear { , y* a- a5 q# O: B: p0 H/ A3 G
clear: both;
% T+ Y, S5 s, \ d}+ u* r; Q2 b. Z
#wrapper { h3 @, p/ K6 _) B% O, ?5 y$ t4 u7 c" H
width: 852px;
: n4 W! G- N* u$ D% F* R. ? margin: 0 auto 0;
5 a1 t# i1 z' H" H- d: E/ F}
: M# T5 k' Z5 u8 F! b: r. V, D#header {9 b* }9 X7 f& T
background: url('1.gif') no-repeat;7 S. E1 X2 C& J& g# h- s
height: 113px;& T$ f% E1 n; I9 Z7 @) i( Z0 {
}) I. Y4 ]5 d/ m5 `
#header a{ display:block; height:113px; cursor:hand; }
5 ~$ z% L! s, Y$ L#content {0 w# S/ J2 n" r* O+ [+ G
background: url('bg.jpg') repeat-y;
6 t( [$ h% A) L5 x: t5 t- ]/ ]}
. |% d* h l+ p9 R5 o* @- A5 q7 z#contentbottom {2 u Y) H% ~7 \$ c4 j
background: url('contentbottom.jpg') no-repeat;
( w# m" M: k0 n/ b height: 6px;+ Q2 p/ @3 w' s. O" [4 N
}" N6 C. a% e9 W
#col1 {
4 V% B* e- n' W% I/ K) {, W width: 411px;" j; d0 k) q/ B- I+ n0 D% x/ L
float: left;# T7 [1 r) |5 U$ ?$ u
padding: 10px 0 0;! W! t" J5 [4 Z+ i' Y9 q9 D0 q
}
# d* R r* Y& u' F.girlspic img {
6 X; k2 f) N9 m margin: 0 0 10px 10px;7 ^' C) S8 L- x9 L' Z; H
border: 2px solid #111111;
+ `& h/ G& R( J9 ?/ _& H display: block;0 R, u0 p0 \; f1 o$ s
float: left;! m* p$ D3 d* y/ a
}" G( W4 f4 S1 g9 T: J! v
#col2 {
/ K- }3 w* y% ~' L5 B4 }7 f width: 399px;
! I1 y) C- @ n+ x. ? float: right;
8 @. P+ d3 s) y padding: 20px;
# u" c% e, Q, P. J1 x}# q8 _5 D `; \3 M. {. j) ?. s, E
#col2 h1 {
; N6 h7 @( v0 ?7 t5 Q& k font-size: 22px;2 e1 o/ J, R7 q
font-weight: 100;
! D' S, `( J8 p color: #0053cf;+ |9 H/ x9 ]- r# n
margin: 0;( d- b ] i0 d
}6 I( K T9 D: _7 b& o8 R9 s \
#col2 p {
# }( e4 Z& t( C; |' C$ b. Z2 | margin: 0 0 10px;
5 o9 t) {6 G! z6 p' w4 L- I line-height: 18px;- z. i6 P1 R' M% c8 M% i
}
: N2 x- |. g7 M5 e4 f0 m; Q#col2 ul {
/ A6 f8 k- M: K8 B: i% z+ c padding: 0 0 0 30px;
+ `( N: i: j* u}
$ q3 S) @; O. j% @& u#col2 li {. P8 q s, _. v5 W0 B- c3 B
color: #0e0e0e;5 W' z, U+ `; K3 Z+ L. I
margin: 0 0 20px;+ o7 ^( a3 B: T: R9 j6 T
font-size: 18px;
$ h& B8 p5 T5 G$ B4 B; a; {: t font-weight: bold;& D& |& {7 e; B0 Z: L# H
}
4 L B$ q- w% t5 K/ x: R. T5 t% }6 z#cta {9 Q) X) I3 k- x1 ~9 J6 h: E
text-align: center;8 S7 x) e& E( i9 ]4 W6 g
}
i; V( y8 e# V8 l! M2 `4 k( _#footer p {) p0 x& X0 c' `3 }! S' |
text-align: center;
- A% [: r! i! X5 A$ ]; m margin: 0;
3 j* x( c s2 t1 }; P padding: 10px; C0 n9 `/ |# h8 X5 J& C9 Q
color: #8b8b8b;. _: c- l& _0 z7 Z. [! S$ J! {2 s/ \
font-size: 12px;
' F! x: w$ I, L& x0 q} |
|