|
|
一个LP，在手机端打开之后怎么都不能适应屏幕大小 a0 y/ q4 E9 r% k- F
具体CSS代码如下， 请教改如何修改？% d; f) ~- @. }7 X% W0 A, `. p
body {) f% c8 {. `: b1 b/ q; v7 U# u
background: #d8d8d8;' ]) x: N3 [ T+ N/ r
font-family: arial, tahoma, verdana, sans-serif;& n" w( m( u* t l8 \( `
font-size: 14px;$ N0 l) q# m" y8 M0 |' r
color: #616161;* g. g4 J( ]& {2 F. I
margin: 45px 0 0;: ~$ n- a; x9 g
}
" |- |4 d. \; d$ x. o+ z6 G6 Y+ Dimg {7 _# V) J. G& n) d9 Y
border: 0;. v8 W2 S4 F$ \+ ^
}
* u/ a+ C8 ], H: E* c: ^( v.clear {
; [ b/ Z, O% [6 x8 D+ u clear: both;) W8 b; ?6 {- E3 Q! l6 A7 t6 C
}# i9 {) D4 `- M5 F
#wrapper {
. L5 L* x( g8 F! g, c$ x3 i e% z width: 852px;( \/ q" `9 ]5 y" h
margin: 0 auto 0;9 u8 g0 J: m: e* i! y
}! k; i; o/ I' s2 z6 V
#header {
5 p2 O$ g# ]8 c g, \: o background: url('1.gif') no-repeat;2 u" y" z; q1 M, D
height: 113px;
3 c2 w) C+ O* G( S0 K- c}
1 V$ \7 A G. r4 ]( W M G#header a{ display:block; height:113px; cursor:hand; }/ G" [3 s8 k1 v
#content {! y' L+ m+ u) C0 z/ _
background: url('bg.jpg') repeat-y;
% z5 z" V+ f: N1 V& p9 L+ f6 S ^}% E& {- q X, m7 r* G
#contentbottom {9 o6 j. n2 T* _7 Z/ V
background: url('contentbottom.jpg') no-repeat;
- J+ q9 |# {9 _: v% A4 j height: 6px;
4 y6 f2 e; W! {9 P$ s/ ~" H( ?}
: {* z4 _1 W1 L( l9 C. a#col1 {
6 @1 `) {% q+ D, Z) ?8 t1 C width: 411px;
, j' K# o4 ]3 d1 Y float: left;) R5 C" R# s0 J: O5 S" N
padding: 10px 0 0;' b' _5 E' ?. C9 w9 e/ [/ Z+ b1 K6 O9 P
}
: A+ T1 x+ }# s.girlspic img {
; B C) Z/ B7 P( L* C margin: 0 0 10px 10px;
2 D* u$ c6 D. H0 ]: T border: 2px solid #111111;
# W8 i; o& \" J P# [1 r: { display: block;6 g+ h) q6 N, a2 a$ k, O) E( M
float: left;* b6 t; _; M9 V1 ~% N' H* ]
}
( O3 y! K3 x8 b#col2 {
' h$ |( t/ t1 N( H, u5 { width: 399px;. u1 M7 T* }& E' o/ K
float: right;6 L% x4 I n" `3 v% s1 Z# L, M
padding: 20px;
: h! E7 K" I. Z, X; a}! U$ L+ ]5 T+ P- J6 D; z
#col2 h1 {
- |2 F2 O. X' `) e$ y font-size: 22px;
- l1 n* J- x. V: W# \ font-weight: 100;2 y5 H; E1 A1 L
color: #0053cf;! w0 B- ?. s8 G/ c+ C0 Y
margin: 0;
, W$ `# L% q& f3 c- H' T7 G}
. l' P* z4 W; Q: }#col2 p {
9 S1 ~) D) i8 {: ?* t/ g9 W margin: 0 0 10px;6 _3 A4 X5 `9 N8 f% X: [6 }
line-height: 18px;2 p, p9 {+ O) d
}( Z$ w+ d" a4 k" j' Z# U
#col2 ul {
: ~5 x' Q: T' l4 _ }& [ padding: 0 0 0 30px;* ?& F" Y4 ~4 A7 t( r5 b( s
}" n3 Q1 \' H9 G
#col2 li {
. I0 }( ]5 B+ Z color: #0e0e0e;
/ K/ X$ y" e: _1 w( O& t margin: 0 0 20px;% [ B0 h" ?' |- v
font-size: 18px;
5 U- x0 h" [; l& O* j: {1 v font-weight: bold;; ^- ^5 ?/ r4 I( ~9 N
}. n6 N' V1 X2 }4 Q9 u* _; `
#cta {! ? `! D3 ? U' j/ {4 ^ }
text-align: center;
% g3 A# E6 R5 J+ q% E}# w& X! D/ d. o: R+ _
#footer p {" j! C! z( A" a* B
text-align: center;
6 A0 ~0 e" ]; G2 t3 b5 N# _ margin: 0;4 y7 M2 q1 F# t$ K2 I- n
padding: 10px;
1 [, R1 N+ W$ x0 M* D color: #8b8b8b;/ z, u; T$ Z( A7 y0 j
font-size: 12px;
( m0 I X7 g0 ?( ]" a9 T} |
|
发表于 2015-9-6 13:08:26
发表于 2015-9-6 17:27:42
