|
|
一个LP，在手机端打开之后怎么都不能适应屏幕大小 0 y `' g: c0 S4 \" b* C; M
具体CSS代码如下， 请教改如何修改？
9 r h; j) Y/ H% { D2 x+ Vbody {0 z b& l. S! ~2 ]6 ^
background: #d8d8d8;2 q6 g( v0 {+ `9 J' l8 _: n+ n
font-family: arial, tahoma, verdana, sans-serif;
, a7 e' c0 W- p6 ?. }7 | font-size: 14px;
6 _0 U2 @8 P" n4 S l+ f; F color: #616161;
# y5 M( q6 l% z) t0 G- j margin: 45px 0 0;4 ], O5 R/ w! D+ c2 n! k5 F
}$ {: P2 o |- |, W& N
img {, q% \1 o/ h2 W3 M: F) p7 ]4 _
border: 0;
+ _, G+ t L {. X1 U}0 U9 o! ]5 c0 \! ?' \4 e$ f
.clear { ; ]! \) c8 b- I8 j. S- k
clear: both;
$ S+ V+ I t- e9 q}$ F! ~- n r7 l; `+ a. l& ?! {
#wrapper {+ ?3 @! n# C! ~; O/ C
width: 852px;
- E. E' i( o* O- L9 ~ margin: 0 auto 0;5 B; ]+ ]/ X# `5 H
}
8 @6 D( ^7 B8 a V* y5 p' c#header {6 j! A4 l7 x0 E) K. N1 A
background: url('1.gif') no-repeat;) C6 y M$ [% z( @) c
height: 113px;: @. h3 l$ k3 q* M
}
- i/ \% D3 D4 P( m) q0 y#header a{ display:block; height:113px; cursor:hand; }
" R9 M. L8 N# p! s#content {
2 h" G7 w% g: h5 [) f/ |2 z background: url('bg.jpg') repeat-y;
: H. N+ {% T& o}. Z0 w. S: r( Z( N6 _) Y% r
#contentbottom {8 ^( _% Q, O6 j- g
background: url('contentbottom.jpg') no-repeat;/ f* A% m# z& f2 P$ Q# C$ K
height: 6px;, n# V: z/ K2 Z6 V: u
}7 n6 }1 ~( s1 w* r) `, O
#col1 {1 t1 e( l( U" S* a* q
width: 411px;" k1 R, b5 S2 `' S+ M, M- X
float: left;
3 P' |3 R( H+ X: \* }8 x7 z" n padding: 10px 0 0;& k) R B4 N7 p& R( B0 ?6 j7 F
}+ D& s( D7 A( ~- o
.girlspic img {
# u; |- U* M0 I/ ~9 b9 j9 U/ c( K: S margin: 0 0 10px 10px;0 u% z0 Z8 J b9 E+ f( G# H9 W/ K
border: 2px solid #111111;
( L' E- @# C( ~+ l% `' t! [1 |: x display: block;' h' b; y8 ?, R$ |; P# p. w2 c/ n
float: left;* h$ E. p9 F! }7 | ~
}8 a4 S) t1 E* n f- [1 [, V
#col2 {
4 n2 i+ k8 _8 f width: 399px;, C/ F k* E! `
float: right;
" |6 f$ n! K h+ m" d% \ padding: 20px;
' }$ u) U; j$ L$ ]; Y: n}
! B1 g/ q1 A9 F6 n3 X! h2 Z#col2 h1 {
. k+ [+ ]( J+ |% ?& ~, }/ w. e font-size: 22px;/ y2 L3 n9 I- D
font-weight: 100;
/ n& k. Y7 g+ i' g color: #0053cf;
9 { [! p% M( a; M2 a) S6 v0 f1 f margin: 0;- j! M$ |8 g2 C P) F
}6 S7 n, k, h) S, A1 Y
#col2 p {: O( [. {# v+ C; Q2 X5 A
margin: 0 0 10px;8 @) c+ W: h1 t- Y5 [% M1 L# v
line-height: 18px;
) O6 A& Y$ ^ _* N& |8 {}4 @' l" M; V% i# }
#col2 ul {
7 S' X& z9 @1 A+ w( s( L% w9 E padding: 0 0 0 30px;+ `% Y; D! M0 D3 n, k8 i" [6 A
}4 S( |( ~7 i3 s2 R- ^
#col2 li {
- {6 S1 D- p1 y) F5 A color: #0e0e0e;
! G1 k+ y6 c/ S: ~# Q: Z7 F margin: 0 0 20px;7 t" n& y2 h. m" K2 i$ S! P
font-size: 18px;
* s" ?$ `: c# R* B0 n1 k! s font-weight: bold;& Z' F, K/ J# w/ ?! \4 G+ H
}
' g* M) ?, }- M# X1 p3 J#cta {
1 ~# Y, A8 M4 ]' \- F, M/ v text-align: center;
]' x& T$ t& d) b+ T}
/ E! E E* K0 Q* g#footer p {( y0 [4 E9 g: ^0 o1 y$ A, V9 |
text-align: center;
4 Z! A7 { n2 c0 V1 D( j3 d margin: 0;
# f1 w: ^2 C% V) b* H8 @# V, ? padding: 10px;
4 E6 `- o! u8 l) ^% i; L color: #8b8b8b;
/ Q' |5 a9 `& A5 U. ^0 G& w* B font-size: 12px;5 ^1 t6 a5 x. } x. B/ J2 R
} |
|
发表于 2015-9-6 13:08:26
发表于 2015-9-6 17:27:42
