|
|
一个LP，在手机端打开之后怎么都不能适应屏幕大小
\& t( y+ u8 [) _# M6 c具体CSS代码如下， 请教改如何修改？ j/ W$ M3 w: G! i
body {. O e! F2 p- h9 V
background: #d8d8d8;# q! y; ~* w1 e1 @1 Y
font-family: arial, tahoma, verdana, sans-serif;
3 J! n' b" x* o( x5 _& U0 B$ X- S! w font-size: 14px;
. w' M# `& J. ?+ X* v" ~ color: #616161;
4 t9 ]& j) Y- ~. y u margin: 45px 0 0;' {$ N7 m% Z$ e0 ~
}3 v7 }0 g) _) b, H" c% y0 j2 W
img {9 L5 l: u0 Y' \0 U
border: 0;) J, o/ P/ z) k( u$ [
}3 S! q# T5 ^+ i
.clear { ( {* D" _% Z5 c6 U( q
clear: both;
! {* d3 E, u9 Y1 z& u$ y+ C}
2 ]" Q3 i% T; ~#wrapper {6 ^7 t8 J$ T" E* W% i
width: 852px;) F' H' h- {7 n, E" w# W
margin: 0 auto 0;1 i# X1 G3 ~" Q+ k( G
}! V- T% O6 x7 M% ]9 i5 y0 F
#header {
7 g( M' s5 |( d6 C M3 U. h3 A background: url('1.gif') no-repeat;
8 R! {4 E2 }+ J2 T4 K height: 113px;
% F/ Y4 T- T) c" x9 m4 g}
" k9 @, `8 D6 C. N+ X- o#header a{ display:block; height:113px; cursor:hand; }8 y: z( t ]" Q6 _
#content {
k0 Z" K3 m0 ? background: url('bg.jpg') repeat-y;/ J5 U6 N, {% _- ] @
}
( S& U6 V# s; `; n4 ~3 n/ k! H#contentbottom {) u. T) O& K+ z( W' ?# r
background: url('contentbottom.jpg') no-repeat;
# J6 u" u* I8 E: W: E& Z/ r7 Q height: 6px;; B# F" X' v5 t- S0 I
}
- P$ P! X- }7 O" |1 q5 Y0 ]#col1 {
' j5 A7 V+ P u- i8 B- p width: 411px;
$ S7 ~. h$ E) e7 b float: left;
9 N. e1 R$ C5 k- S6 ^9 s8 y7 S padding: 10px 0 0;" j$ z3 Y$ z9 C+ e: z# Z8 q; m6 T
}
$ C/ u9 r9 |+ h5 g' s) G. |.girlspic img {$ G# q! l( g- G3 Y! J$ L
margin: 0 0 10px 10px;
$ p1 v# M; |7 X; S5 G/ I9 D4 w Q. O border: 2px solid #111111; k6 P6 D) h2 `9 J7 W- I- k3 m
display: block;
: J1 Y' E: ]# s+ E1 ]4 y& H3 v float: left;
) t- w N0 j. j# _}1 h) |% N. q& p! u- D
#col2 {( h/ g' t7 N4 G, k( R6 D6 N! C8 z% J
width: 399px;
6 C9 y o3 r* ]# D- q5 n float: right;
) L/ w6 ^7 c4 I padding: 20px;
$ @: C7 g& D; ?0 i9 E0 y: u3 G}; W9 N L) t# R
#col2 h1 {
- m$ ], J) ]" I+ ^6 ^7 `" h, K/ z font-size: 22px;/ H9 N; Q8 f4 k) ` m, G' R
font-weight: 100;
3 x7 X u. e3 F5 q7 j" b color: #0053cf;
+ ]" A5 B8 o3 u& Z3 K margin: 0;
% y% l6 j2 B) B+ O1 f& L# c}9 I% o, n) I- e2 T2 Q( K7 r
#col2 p { t, z* p* s" X" O, i
margin: 0 0 10px;1 j( i, j7 u8 Y1 o9 Y" g, h& _
line-height: 18px;
5 w, v$ L% y" |: W2 W}' z! {& V& a( s* a% I. Y" U0 o9 X
#col2 ul {
; A5 \7 W5 |* `& ~ padding: 0 0 0 30px;3 R- ?# `4 \: J, T7 C6 ^% O
}
8 O0 s3 A; w+ Y0 s1 _#col2 li {
; D5 y" Z/ s! T+ b8 \ color: #0e0e0e;/ ?4 l: j! U2 }+ s2 [2 M) Y
margin: 0 0 20px;
' F$ \; z6 f* O; n font-size: 18px;3 m2 T7 {4 k3 x7 l1 @) ? {
font-weight: bold;/ a6 F# x5 O2 q- W' k
}
1 P2 O. d0 b5 n5 ]/ y& {$ G, O#cta {% E' }. l. W: m" @! M# X
text-align: center;
5 M' z, Q2 X2 {* I( b. \}
0 d; J+ I# [6 x/ E#footer p {
/ ~0 n, d: t3 j0 D9 R# l/ S7 m2 { text-align: center;; l' F# u2 j+ I* r2 T7 q; |
margin: 0;
|5 ]2 ~ M9 y padding: 10px;
. m( {- E; S- |" v5 c; F color: #8b8b8b;. s+ Y5 z+ _, a
font-size: 12px;% ]* S4 S: i2 j1 O' w1 c1 H, h
} |
|
发表于 2015-9-6 13:08:26
发表于 2015-9-6 17:27:42
