|
|
一个LP，在手机端打开之后怎么都不能适应屏幕大小 y! c8 y- a" Y, B/ f2 K8 Q
具体CSS代码如下， 请教改如何修改？" j7 M4 x) j+ Y6 x) B5 S6 |4 U
body {7 ^! L0 |! O9 J3 T) |: b9 f
background: #d8d8d8;) ? F# O, `8 q6 W$ A
font-family: arial, tahoma, verdana, sans-serif;
; P/ Y$ g- N. @7 K9 W. d( [2 z3 l; [: l font-size: 14px;4 }( Q/ G# O( i& e( H0 b$ p. o! s) B
color: #616161;5 Y2 s$ Q) m# u" L
margin: 45px 0 0;
. P* `$ [) W& T3 O5 @# C}
; l) n/ e+ q) ]; M9 Kimg {5 {7 Q( R9 \4 L) y; p3 x
border: 0;' [3 G9 m9 Z% n& f) [5 Y# z
}
+ j9 @/ m. P: o1 d4 ^.clear {
$ G7 s# H! j5 ~- s2 |7 `- U+ i clear: both;
! q* I' k8 I) a}$ W. F% o+ W# D
#wrapper {9 T% R: P9 v$ r1 H3 D5 ~
width: 852px;2 x* y# j( c( t, r0 [2 S
margin: 0 auto 0;
. ~) m8 b2 N# o9 x7 K}
k0 O" u3 ?2 o; T) ]#header {
0 C( t6 h; i1 y( { background: url('1.gif') no-repeat;' z! N5 h- x, a+ T+ ?4 h
height: 113px;
8 v4 E2 D. E# b# t- G. A/ j- I}
& O- K" Q/ V1 [5 V* Y/ I#header a{ display:block; height:113px; cursor:hand; }5 S& V+ s) x9 a. Y% R" |% L
#content {" \7 y" a. W& t
background: url('bg.jpg') repeat-y;9 M2 o: K( {0 L& ]
}5 ]& g: t L7 E' p, D/ `
#contentbottom {
" L* q* [5 ^, |5 Q2 Z7 ` background: url('contentbottom.jpg') no-repeat;; Y9 Y4 ?* j' s2 T
height: 6px;8 v3 i! T1 u" \3 W
}3 @+ ~8 L: G$ H& p9 p
#col1 {
4 }0 O; u2 S% l) m width: 411px;
7 ?8 b; L5 f" I% s& C* {4 U float: left;
! `/ I3 { s% u. z' P/ q padding: 10px 0 0;, u8 B, l( M+ L9 {4 D
}
) R+ ?8 f- s# \3 U6 d.girlspic img {3 Q. S( S$ L- x! H
margin: 0 0 10px 10px;
) [3 O0 X, I- N: g border: 2px solid #111111;
f& L L& B/ b display: block;- b4 ]6 \, d- g- C
float: left;5 M3 K8 H' d4 I, n' E
}! F# X, W- T2 R5 K8 x
#col2 {+ n$ p, [0 k2 l! I7 u6 v
width: 399px;
: Y7 z6 U, E( a7 G& V' g& F float: right;
% S6 P8 z# r5 m0 A" d2 {" N% Q+ R w padding: 20px;; s% ~+ v' E0 G/ Q7 k) |
}
/ \: |* a$ m6 B" Y# Z#col2 h1 {
. H6 ?1 V: X5 H( p# T font-size: 22px;
e1 Y( ~5 i. y font-weight: 100;2 Z* G# E) M1 L8 t" N4 [
color: #0053cf;8 ?% w+ [! m1 L+ T. `! C! V0 \
margin: 0;
1 J( T9 ?8 H6 Z! t}$ \$ j- j' @2 k! M9 P% D: J
#col2 p {# p* q3 G* l8 J ~
margin: 0 0 10px;
- P/ N' q+ }, m1 E line-height: 18px;( W. D( ]$ R5 J7 ^2 f7 V
}
3 }" r7 B3 b4 }, O) ]1 y#col2 ul {
$ r) B, J) X. y% b" \1 @" c padding: 0 0 0 30px;0 ~8 l3 N& h* `% R, D! ~
}
% v- x V3 X; A2 o#col2 li {
; B1 F' C0 J1 u5 g1 f color: #0e0e0e;- e' o# f4 e. m. O* D8 k) j
margin: 0 0 20px;
. o E7 V; X- G7 a7 Z# M font-size: 18px;
7 z+ s3 n; {3 j8 |7 B% ] font-weight: bold;- c' p2 ]& Q( w6 a; B9 V
}, U4 |8 }6 Z$ ^& j
#cta {
, ]. c8 n2 x& S( V5 W text-align: center;
4 t: S& D3 P2 f" V}
' P2 l1 {+ `7 N2 t2 w5 e" j#footer p {
N0 |" R* B; Z2 [7 f$ h text-align: center;
4 o5 {, |4 A% ^- v1 ]1 }7 y7 Q margin: 0;
2 g2 `$ I" v& D3 n, y+ h0 d padding: 10px;
$ T4 v6 d9 o2 S. {& ^3 ?1 e1 ?2 O$ Y color: #8b8b8b;
6 a: x3 N/ i/ {$ V" H! j font-size: 12px;
& X. d. d5 R9 m5 ~ X( l} |
|
发表于 2015-9-6 13:08:26
发表于 2015-9-6 17:27:42
