|
|
一个LP,在手机端打开之后怎么都不能适应屏幕大小
/ p8 ^$ C2 F; q; N8 A i. d具体CSS代码如下, 请教改如何修改?# o6 P: n5 D; y; p2 ?+ }
body {
& U8 e e \. ^/ g" J9 p$ l background: #d8d8d8;
9 `. i+ W, Z1 N8 e; y% y2 K4 L font-family: arial, tahoma, verdana, sans-serif; y# S& k5 h o9 Z2 L; @; H
font-size: 14px;
$ z6 D: P; P! y* U: O color: #616161;0 O- |- g0 S8 p, ]' h
margin: 45px 0 0;, |2 k2 J% P0 r+ i2 ^
}3 I- a) g- e1 j% o6 o
img {% ]* {- u& N) K
border: 0;" d Y# b6 a6 f. }7 D
}
# s2 l2 A6 j8 @ j1 Y.clear { + U( _& ^2 ?# ]4 \4 p
clear: both;
; x+ p' I" l$ Z( U* ~( ^}/ V2 O5 [, `, x
#wrapper {/ W9 Q4 u G0 [7 `) T( Q. C' q
width: 852px;
3 w }5 m+ Y; K% f' X margin: 0 auto 0;
2 |0 q1 D7 Q0 R) M}
9 U* |! k" ]. s; |. X! R+ B#header {; q9 D: t V% |
background: url('1.gif') no-repeat;
* e5 Q" X, c! A$ e/ L( g! M7 l height: 113px;, Y% J: l3 A" X4 h {* [
}4 a! a! a3 r; w
#header a{ display:block; height:113px; cursor:hand; }" j4 q2 N2 n- S6 e) d7 P
#content {
. Q- H' ?: t5 O0 o; u' F* w9 Q background: url('bg.jpg') repeat-y;
4 N7 G- K0 Q/ n}
! A% \- U" n, X* @' ~#contentbottom {
0 r4 H+ y5 r2 x background: url('contentbottom.jpg') no-repeat;
/ V3 S9 B7 h% n+ e5 ` height: 6px;
) @, P% z7 Y$ F, y, x6 G" M}
# u( d$ o" S: @9 N1 Y& s+ t0 @! Z#col1 {& C" _7 A2 h* G( J: S
width: 411px;9 \" i7 a) G$ d
float: left;* N8 ]# G/ ~- ? L
padding: 10px 0 0;) ]9 m4 N( V+ C% E# }5 ^/ b
}
5 z: A- n4 c% |* D# s.girlspic img {. F2 [! p. T2 D+ ?* s, C/ C
margin: 0 0 10px 10px;
1 {6 d$ z6 h7 A4 \$ B' b4 o4 B border: 2px solid #111111;2 S/ j C$ Z: V3 O" t* w' K8 W
display: block;
$ T) Y7 [. G8 L5 g+ q float: left;
' k2 g9 n2 |4 N3 t! e8 h: H9 m# H}' D0 @ @1 I& k; m- j$ N U/ \9 m2 o
#col2 {9 z4 B; C3 Y+ G2 F3 j
width: 399px;/ e* L( O- w/ d' P
float: right;9 K) u" [: d) O6 P* o5 A
padding: 20px;
' E( X, C+ J4 r( O6 e}
% A: ~ G( |+ a5 x8 g* `* W N#col2 h1 {
1 | U) s* P, u: W4 g font-size: 22px;
7 h6 d6 C2 M' j; g. e2 A% P font-weight: 100;) [ ?% k, q5 D1 g' _' R
color: #0053cf;
# E: D2 K9 x3 N margin: 0;
& r' h. g- ~1 f/ H}) _5 z( e5 ?4 s) B" Y
#col2 p {
$ R+ j# _: Z- P B$ D, i9 ]3 R9 } margin: 0 0 10px;
2 C/ C$ v1 E7 O6 I line-height: 18px;: d; W' l# E V* F$ r' `% b6 o
}$ @5 y* i8 k' b* m
#col2 ul {
j0 y9 D7 ]6 e4 f% T padding: 0 0 0 30px;
( |# r6 u) A' v. _* `8 ~}0 Y3 B T8 b7 ^; A- P& j2 M* E
#col2 li {( q( x6 y2 Y2 K6 S
color: #0e0e0e;4 K) {5 ]: Y6 {
margin: 0 0 20px;
1 ?: W" f% [2 v+ z0 d font-size: 18px;6 I' c/ f0 z( o7 g" P" J/ k- H
font-weight: bold;
/ y* p/ T; O1 q l5 _}
- @7 k. L; E' ?" d- r- |#cta {
$ H3 N$ O) T' g0 j text-align: center;' X1 s/ Y2 ^" F
}/ u( E" _ r4 \ H; |/ X
#footer p {
. E& r6 M) W2 S text-align: center;
2 g& [$ r" Q$ e7 X4 ~ margin: 0;
; c; O {* h }' [% `' y3 n- n padding: 10px;. ]7 ^( f* L3 G# E* Z
color: #8b8b8b;% @7 ]7 \. h0 n1 v% t
font-size: 12px;
4 x! ]5 M( m& B9 e' r} |
|