一个LP，在手机端打开之后怎么都不能适应屏幕大小 6 H$ J7 c( ], ^
具体CSS代码如下， 请教改如何修改？* N3 q6 z1 a* w: v7 @# Z, k! o
body {* q& |9 ?9 Y. @
background: #d8d8d8;
" D" L: U8 J F/ k: z' E font-family: arial, tahoma, verdana, sans-serif;
/ U6 d# f; N, j1 o/ @8 Z font-size: 14px;
6 e8 ]. {! h+ [0 M2 z! N color: #616161;
3 Y! F1 l; I- b1 H& x margin: 45px 0 0;
3 Q5 P7 t+ ?% `; d; U" K}
3 u3 D4 q3 C9 m3 q% Vimg {$ O9 @" j& ^7 Z5 {% I
border: 0;: W1 J7 e5 V' ^
}
2 X) y$ w8 z$ \; }7 H3 m.clear { 1 T. {6 U, v+ P8 h
clear: both;1 n, `) Z; [7 V- o$ s
}$ V: U" E4 ^! q$ b
#wrapper {0 `: Y2 { Z+ G* r4 p+ J$ A
width: 852px;/ ?, |# ^7 @, R
margin: 0 auto 0;
: o" `2 f3 V3 ~' U4 _}, n% ~( k% f$ t' B
#header {5 R1 F, ?2 r$ h9 m
background: url('1.gif') no-repeat;. a# P8 e! F! t2 r2 E
height: 113px;$ O8 f; r: @4 k, B, Z
}2 c3 I- T; U m1 _
#header a{ display:block; height:113px; cursor:hand; }
; G ?4 ~7 X, o2 \8 J#content {
3 c" E* g/ j5 d4 j3 w* t background: url('bg.jpg') repeat-y;0 x# X/ V6 H2 V8 k, ?6 c: {
}
, D6 M1 t- `# ^0 C! S#contentbottom {6 p2 ^7 R" l) ^
background: url('contentbottom.jpg') no-repeat;
$ s& i, \. t7 s$ J. @+ m height: 6px; c/ Y- C; b7 G' }
}
/ e* j+ N- Q$ U/ _' V/ |#col1 {
" G& c1 c- R& k8 ]) h- _0 [ width: 411px;# ~/ Q& {1 R( s& u# D j
float: left;( W0 V. Z" o# }7 n6 P, c
padding: 10px 0 0;# ~9 S. ^8 a) j! h9 C$ |3 j# x' _
}
) f' Q, t# E1 j8 K/ ^/ v9 Z.girlspic img {
( M2 c, j6 K2 x* W! H+ m% Z* D z9 o margin: 0 0 10px 10px;
3 k1 ?8 [* Z( c& @, T border: 2px solid #111111;7 M# I% a# q( ~% Y
display: block;
" |7 n5 P+ K# c Q8 X3 R% Q6 G float: left;
& I% G/ r4 X9 P g1 G}
# L0 P5 H5 R$ C5 c% ~: O; C# r" w: A#col2 {3 a$ X, H1 V A
width: 399px;
; I2 u* p- x3 G$ F6 z' j5 W6 x" c; B float: right;
& V( @" O5 I/ [) t8 J* B padding: 20px;
+ U, o9 \! v1 m8 I2 s}( \8 I5 t1 z3 @1 ^
#col2 h1 {0 ]6 f% m3 Y" P
font-size: 22px;6 w9 ]- c: ]% I% L9 R- d' q$ t
font-weight: 100;
; j8 g, n; \6 h: G. O9 f: ^- H color: #0053cf;& n( w" j) t( m4 C3 Z
margin: 0;
! C# _2 A7 Q, v5 Z5 l# d}
" \$ P4 ~4 E3 E M1 h; k#col2 p {
4 t& g+ o' f. y& d. G margin: 0 0 10px;
' M4 g k! s* t line-height: 18px;
- A' d( k" ?# s2 V}
4 ^, C, x6 d) \$ |6 \#col2 ul {9 }5 Q4 @' V2 X4 ]" r
padding: 0 0 0 30px;" o3 t' z4 `/ {8 ?5 D$ m0 D
}
+ }% ~* b6 K: A2 P7 y% J#col2 li {+ V+ _7 G2 j6 i7 X1 L) k1 d, U
color: #0e0e0e;0 v k( b& O9 ]; j0 c) O
margin: 0 0 20px;
8 ]% ]9 m5 ~ c! ~6 [/ S% k+ c font-size: 18px;- [- w! H( c# e6 t, V
font-weight: bold;- Z- U2 `' X! X$ ]" t
}7 B- ?- c- f- }) H" X) {7 U
#cta {
9 @* j$ R0 H: ~8 o text-align: center;
" H# y& Z: v( Z/ H}5 J+ z7 I0 T$ R: n2 S% j+ j" K, M
#footer p {* v% T# u; I5 l5 k+ I6 {9 K, R
text-align: center;# O7 \9 o5 q* |! S& J# b* a: y
margin: 0;
/ Q4 ]2 h9 ^, r padding: 10px;
9 k2 G% h2 U5 H- N* @ color: #8b8b8b;
9 f# I; g6 a$ ~5 f. }2 }- N font-size: 12px;( C# }: S1 ]" S. c- _: G( j* g
} |
发表于 2015-9-6 13:08:26
发表于 2015-9-6 17:27:42
