|
|
一个LP，在手机端打开之后怎么都不能适应屏幕大小 + `6 f. w# x: ` P, S
具体CSS代码如下， 请教改如何修改？
+ K V6 P8 P: M5 [) F$ {body {
+ o5 q3 A% M3 O' p( q9 ^ background: #d8d8d8;1 f$ O& s; r3 f( b4 k4 U
font-family: arial, tahoma, verdana, sans-serif;
. O1 F$ y* m$ d font-size: 14px;7 e. m) F. j7 b, ^
color: #616161; w! ^ d1 g. i* p$ |4 N! F
margin: 45px 0 0;
7 ^; V% A8 @+ h7 Z}) B' }" u A2 o. k$ t, Z( B& D0 u
img {
5 c; I e' v j border: 0;- F* U( c ~3 |+ _3 D [7 r* J
}7 q) t, Z$ o: _& r! p
.clear {
3 q* Z+ ]! p5 n; g* G+ a$ {! D clear: both;
9 o7 }) J6 d. \5 Y+ O/ L, d0 h6 q# X}7 H2 i) E& y) f6 @0 u8 _' g$ B
#wrapper {; b$ d4 V/ }3 E) _5 l4 \
width: 852px;6 l3 d( s. b8 ~* D; ?
margin: 0 auto 0;' i6 B/ T1 q2 f: i8 ]
}
- i ~+ p9 ?0 s% e% {" V9 `; b#header {" s4 W" J( j( K' ]2 Y8 f
background: url('1.gif') no-repeat;. ^7 S; C h. {8 R1 s# \( n! R
height: 113px;
K% \/ [% S. T! C( j G5 |' E}
8 j" l2 v: L' n1 k- G, D#header a{ display:block; height:113px; cursor:hand; }2 j0 @/ G) z3 |& @9 x+ A
#content {0 D2 m5 v8 j! g# V' o W+ L$ t
background: url('bg.jpg') repeat-y;5 C# ^7 V# F5 A- R5 @7 P" t2 y# x
}# W( }/ y6 T; W+ t ?1 s
#contentbottom {
- f) ]0 Y* n7 Z2 q1 c background: url('contentbottom.jpg') no-repeat;
7 W, B0 r; B% ~- v' F1 H" T7 `. F height: 6px;. d6 F* w w4 }2 K/ D$ `1 E6 B
}
% @ V9 Z3 l2 U' z#col1 {9 B/ u8 T6 Z, @; p2 J9 o- K; z, L
width: 411px;# v# M+ N. k# S: c \
float: left;
8 y4 c, K) Z% {) l" m padding: 10px 0 0;
* T1 B9 l! a; J" W0 U+ s+ G7 q}" O8 i8 {( N" P# p8 }; v
.girlspic img {
: R3 l, |. Z# Y8 Z# v margin: 0 0 10px 10px;" c2 y2 {4 v/ @$ q- i
border: 2px solid #111111;% c. P4 ^2 R* j5 R. M9 g2 [
display: block;1 s0 x/ V* _7 V
float: left;
) \8 V( U4 p6 c/ y9 u}& ~" N, S1 ^* e4 }5 F
#col2 {
5 O& B" ]' U5 N8 I* ~' O7 E width: 399px;
; ]# K' i7 |$ K$ ] float: right;
7 b" J5 l+ E. s: B& \1 D padding: 20px;
# K8 `3 Q4 X4 l6 E; t2 d0 Z3 Q9 h2 D}
: U8 |; n; S/ @" F. J4 l#col2 h1 {
+ [8 s( T/ x2 X) j font-size: 22px;! o- w! y2 v+ ]/ z) p9 ]
font-weight: 100;
: Y2 |5 z. z6 |0 h color: #0053cf;5 f6 B5 s B3 Y' m. f
margin: 0;
" M1 A3 Y5 B/ i1 z. c0 D}5 T3 Q$ h/ R/ q' C
#col2 p {3 h) e5 S1 R; H. p, q1 s( J8 ]
margin: 0 0 10px;0 |, ~4 u e' {9 ~% e' K1 U/ n
line-height: 18px;
" y6 G# p% R |}% M& q2 F. Y7 a9 c! H0 L7 |9 f5 a4 d2 ?
#col2 ul {
0 O9 ?# _+ Y1 Y, c' o padding: 0 0 0 30px;5 F: [/ s: `0 F8 e0 m/ p
} Y1 o$ q" N( }1 W/ ?6 {; n: k; D+ _
#col2 li {
( `" n3 G2 @7 L# ~) T2 U) n- ~ color: #0e0e0e;
& n, ]7 t" r( i! w margin: 0 0 20px;- V, E7 x7 \8 |. A4 R: S* B8 g5 z: `
font-size: 18px;
6 ?; F" q" c4 A8 I8 Z0 q F1 @) ? font-weight: bold;. D# A3 _) Z. h
}
# n; I4 v& L1 Y( Q, V! O#cta {+ \. |1 K7 d* `8 y* S2 G) \
text-align: center;6 F" C/ y8 j& z2 ~
}7 k, R3 |) a+ w. l6 o! _! o$ _! O& r
#footer p {
2 ], r$ t3 y2 y; X: S' X- } text-align: center;
9 F+ b: \0 F; w! z$ S. p margin: 0;
/ d9 M1 L f7 v# ~% V& z3 t padding: 10px; F& d) E; G# ]
color: #8b8b8b;, @" p$ h& @+ f( c0 T9 f
font-size: 12px;' i+ b, t+ ^- K9 Z; Z A* j# M
} |
|
发表于 2015-9-6 13:08:26
发表于 2015-9-6 17:27:42
