|
|
一个LP，在手机端打开之后怎么都不能适应屏幕大小 1 o, f5 k% f" R( n$ [
具体CSS代码如下， 请教改如何修改？
. k, X, S5 x( M2 C" G; M+ Tbody {
! O2 h2 q% I# j- X: i- ]$ o background: #d8d8d8;( |7 q- Z% q; q6 J
font-family: arial, tahoma, verdana, sans-serif;" E3 y* z) h+ d" E$ c
font-size: 14px;
- Z8 B% z |5 \$ U color: #616161;
- K/ @8 r# K. o0 ~( _6 X/ ] margin: 45px 0 0;
7 l1 a6 a. G8 z; a% k4 U}
! ?2 o& W8 c; v/ ~img {+ E4 b s) J* t6 ]2 n! j
border: 0;
9 i; y2 N" b. d9 |( m* S}& A% y9 Y8 U1 @7 u' x! r% R. v
.clear { # R" O% u1 U/ r- O
clear: both;
3 v- S4 S) E( S% m! z8 S ], _}8 y. F$ e$ H4 j# S- w
#wrapper {+ ~; U) C, f! m; A
width: 852px;2 f- b1 w6 \' R$ B
margin: 0 auto 0;
0 G3 D. J) t# p! Q7 A4 @$ k( G9 [, A}6 l9 E+ @# ?& k6 K: x: k
#header {9 B& L# m6 C7 s6 x
background: url('1.gif') no-repeat;1 L7 j F% N; |2 d; ~4 @9 m
height: 113px;
# e) Q# {1 |) M6 |, ~, Z3 I}% Q8 Z+ c7 {, t, h3 [8 Q# T
#header a{ display:block; height:113px; cursor:hand; }* C8 T1 t0 c+ L% w4 r7 x
#content {
3 z: J3 R$ R/ Q background: url('bg.jpg') repeat-y;
# T/ |" i3 F/ V# ^7 L}6 R: }7 U' ^1 P
#contentbottom {1 |+ n; }8 I. x1 [3 Q; W0 W4 w
background: url('contentbottom.jpg') no-repeat;
) l+ {0 }$ y) B- s, G N- ` t height: 6px;7 \) Q, A6 k$ J( d# M/ g l
}% S d( {: L. ?; G8 h# s8 Q
#col1 {
9 T/ R5 n+ |3 D& u width: 411px;& O3 P+ Q- w$ T. E4 s6 V! I! V
float: left;
9 ^0 ~" B( F- e3 ` u( T padding: 10px 0 0;
- S5 d0 ?/ `. a d" P' M( V5 E}
/ g7 E* b0 Q6 _ j' C/ d* t.girlspic img {
2 M& K, `! z/ e margin: 0 0 10px 10px;
2 r2 E. n2 c) a- O8 k border: 2px solid #111111;4 C: z+ d/ B: }7 M3 g& b# Q7 O4 u& U
display: block;* Q5 g8 M( |5 a8 d
float: left;5 g. o4 m; Z" C% w2 ]8 C
}! s Q" ^5 C! \/ ]/ V" }$ |
#col2 {
, K: Z3 ? G: D6 k9 Q7 i3 d width: 399px;
- v( R! L4 z( S' k float: right;; W* g; ^6 {* }: T
padding: 20px;! \6 Q( L( n+ A/ l
}
4 e: g/ p/ P, ~0 p. ^#col2 h1 {
* x* h3 w1 u7 N# F l font-size: 22px;" F% @$ j8 A/ c; t9 D$ V9 Y6 ~
font-weight: 100;
0 v6 N+ D6 P# w/ ]8 i8 ^; s color: #0053cf;% E) h$ w# w. w$ @
margin: 0;% q( `+ g2 Y ?" R9 J
}
2 t, p6 R6 C7 f T#col2 p {' ^2 F8 H( J8 n
margin: 0 0 10px;5 c: _8 K6 m0 m# H: v! [+ s* l
line-height: 18px;1 l( j. e; K5 a* @5 ^5 f" x9 F T, ? s
}
0 B: ]0 U4 H- R( l) s6 l#col2 ul {. x) K7 C' \. Z; [ |# b5 D5 D
padding: 0 0 0 30px;
5 x4 L8 m, j; {9 {/ D! R/ O/ p}4 B6 J+ ^4 [' W+ Z4 v8 e
#col2 li {) R6 f1 I8 S* ]" F) J0 U" m; }
color: #0e0e0e;
( a, W" }2 B H" z* c margin: 0 0 20px;
5 [2 A' q/ V' R4 k T) ? font-size: 18px;
# v7 y& a; ]" p; R7 Z5 e font-weight: bold;
$ j6 O' |: m* ?) S9 D1 [8 h}2 K/ {$ Q! Y! f1 x9 e, i
#cta {# q4 [! o' L$ n) b. ~; S( x
text-align: center;8 ~$ X: e! j# O* L
}
7 [0 p: O+ C- d; K#footer p {
( Y& P4 T ~/ T* H! f* j text-align: center;
) o* _- \1 z& `5 J" X9 {$ o margin: 0;6 d' K% E* f/ k" w0 S
padding: 10px;
7 C! O Q+ |8 @8 `5 w% t# u/ B% v* n5 T color: #8b8b8b;3 p4 p, V1 |* `! L
font-size: 12px;+ A6 p0 q, M# L5 W4 G
} |
|
发表于 2015-9-6 13:08:26
发表于 2015-9-6 17:27:42
