|
|
一个LP，在手机端打开之后怎么都不能适应屏幕大小 + }$ o6 j( v1 t
具体CSS代码如下， 请教改如何修改？
1 }5 D; m! V0 U# G# Cbody {( K- G, t$ L; |0 I) {
background: #d8d8d8;+ p8 c: |9 J8 o/ G
font-family: arial, tahoma, verdana, sans-serif;0 Y+ D/ k1 ~3 B+ P5 I' z" B! s( Y4 T
font-size: 14px;
. j; m7 l. c/ H# i ?- k color: #616161; L0 W% K, V! r9 d1 w
margin: 45px 0 0;
+ B- g) W) x6 U4 Y- y% @- S7 D}/ Q3 O. ~+ N% g( m+ U @% Y+ d
img {
+ w1 m1 G) F! b/ p/ j& _! { border: 0;7 x# ]/ M4 R) x. h
}9 |/ O) p3 p( E$ x5 o: T4 e( |, t: A
.clear {
# X- \9 u9 g# }+ }( P clear: both;) A7 Y/ V% e H
}+ N9 h5 S2 y0 R" B! _ y$ J
#wrapper {
; s$ `% C" `0 x- V width: 852px;+ m: l, u/ Q8 b) Y
margin: 0 auto 0;& i% r9 u- Z$ t5 A+ y+ A. E/ v
}
/ ^# e+ e$ `0 }: Q#header {1 H6 |0 X1 b+ Q: x
background: url('1.gif') no-repeat;7 }) z& l7 t9 Q# a9 y9 i2 g0 a! w! s; ]
height: 113px;+ S; S5 f3 U" J2 U6 }+ J! }
}
& u) k! ?. `8 K/ d9 ?#header a{ display:block; height:113px; cursor:hand; }
6 P i. j8 j8 _3 ]#content {# c4 t" h+ d, T
background: url('bg.jpg') repeat-y;, Q( j+ J' ?' p1 W7 J" I% m
}" c4 @) x6 V, E; ^
#contentbottom {! {# K' D$ G+ X) t p% x
background: url('contentbottom.jpg') no-repeat;
) Q. v( O( L2 X; O6 R height: 6px;2 a8 h' l/ p; f* H9 ^
}
! o, ]/ S5 _; }9 a2 W& K+ p: x#col1 {
, s! D7 A1 K9 H9 a& D- j3 e width: 411px;
4 f( y- y% T( j float: left;+ @; b U$ f) z& t
padding: 10px 0 0;- e) j, K, Z9 U" H+ F4 v' J
}
- g& a V2 N9 X% [" A# j.girlspic img {
F6 Z$ ?; w7 h0 Y; z# T- x margin: 0 0 10px 10px;: a, r1 S9 X* ^6 _, n }6 ?+ X
border: 2px solid #111111;, D& s: m: p) W% z* G
display: block;3 C9 ~. I0 g7 H3 n9 N% ]1 O
float: left;8 A2 I1 |( }- C. g
}6 q0 u$ E/ h+ A0 L" u; {
#col2 {
* e7 v9 O5 G3 Q! }" c width: 399px;
& L9 \( b( P% [) N9 }( k2 \ float: right;- b" h' |' {7 b l. G+ @) u
padding: 20px;
4 w) ?: ]4 h$ q- G9 |8 { r}4 {& l$ Y( ]2 _- [ i
#col2 h1 {
8 P g1 c) ?$ H7 g. o9 M font-size: 22px;
, c$ }# J) e8 x6 ~1 p5 R6 N! m3 _ font-weight: 100;
6 r5 A: P( |, I! S color: #0053cf;6 M$ o' D" W" p% }& Z$ Z9 {/ N
margin: 0;
6 I5 Z h8 X) e7 i* z}
) q. B, \ M2 s9 O/ I$ ], i- a#col2 p {4 @' n" W0 M6 Q* f+ c( G5 n+ i
margin: 0 0 10px;
7 z; T: } A; N9 V4 u, M line-height: 18px;1 C+ i( b0 L' t' I+ g K
}
8 J2 t# `* [3 u8 I9 r#col2 ul {* L. p' ~- x+ H. v
padding: 0 0 0 30px;- e2 h/ t# U7 j2 j1 O0 {
}- P3 }( g/ e. W4 O& `8 ^
#col2 li {* t: }2 v3 ], @ t% N7 R
color: #0e0e0e;1 X7 k2 ^- x0 [3 O; W& X4 ^& g: D
margin: 0 0 20px;9 Y, a8 B+ Y8 X' V
font-size: 18px;
" g* `& x4 A* e7 g; n: \0 a( f font-weight: bold;( S. X0 N3 o! U- ?9 {1 s
}
! O& [$ Z, n+ R& G% R#cta {5 U! G3 J/ N8 B- t0 g
text-align: center;
/ q' R! @) W! W6 o) }/ g}% v( e! \9 t7 Y# u" ^2 C
#footer p {
, r: D+ e& _% k* W" q6 |4 g text-align: center;' @, _! n6 c3 W8 ?: G! A/ U
margin: 0;7 q* ]' l; F7 ^3 o" p5 v# K
padding: 10px;# m4 N; r9 ~4 U. \* k0 w3 c5 t w
color: #8b8b8b;
/ F2 D" t9 j' [7 P t- d8 W' t6 E+ r font-size: 12px;
0 z* I& e1 S3 { o+ ~} |
|
发表于 2015-9-6 13:08:26
发表于 2015-9-6 17:27:42
