|
|
一个LP，在手机端打开之后怎么都不能适应屏幕大小 3 r! |6 p- e: \" B9 K' V* T
具体CSS代码如下， 请教改如何修改？7 C5 U s! d G
body {
9 `9 y6 ]+ }: C/ H$ D background: #d8d8d8;, `/ U+ w9 ?2 _0 r- }4 N3 `2 T1 f
font-family: arial, tahoma, verdana, sans-serif;
O1 P5 h# U+ V: g: ? }: O0 q5 K font-size: 14px;7 p- o0 u N( `8 ^' y
color: #616161;
+ e1 c$ h! M! G1 G& M9 J5 o- s8 ` margin: 45px 0 0;1 S6 {# b# L Y$ P+ T$ _
}
4 N4 l: t7 F- d, D& R6 `img {0 G H2 I! H: D* F3 S7 K, P) n Q* X
border: 0;
, i% H3 T# ]; @. G}
6 ^: u0 w5 f( f2 `.clear { 3 @% l/ _8 Q3 K5 h& y* p
clear: both;
! A) e" y/ V( q% Y2 V}1 M% i3 F# J5 {9 T% V- N4 n
#wrapper {& C: I q7 f' C: f: E8 m
width: 852px;
1 r" ^8 X2 H, r* D8 o/ v margin: 0 auto 0;
& w4 F# c3 m$ F' k% i+ t}
2 Y1 a& }: w- B# C#header { h' g+ J. O4 \! ^; c f
background: url('1.gif') no-repeat;
! H5 z$ Y' ]1 e height: 113px;
7 G4 x! R. ?8 } ^% t}
6 D8 K# f; O! M/ T: C#header a{ display:block; height:113px; cursor:hand; }
) P8 t3 T) s- |5 v7 w& ~8 t#content {$ B) ?$ A, ?( t% u: n
background: url('bg.jpg') repeat-y;
# c l( O. g! q3 s}7 k( }, h" E! Y; t# ]6 g: ]
#contentbottom {: ]$ X0 p0 \& Z+ a: i+ f
background: url('contentbottom.jpg') no-repeat;- W2 l5 ?3 {1 C
height: 6px;. L% d8 t4 W# s8 A* a
}5 D+ q- b/ |; f, u& q4 ^2 U5 n
#col1 {
. S- \/ \* J9 K: h width: 411px;
) g4 f/ u+ Q; H float: left;# t( m- U5 p3 r6 }* r. e9 X
padding: 10px 0 0;9 D8 K- _/ d9 k4 q l! q8 } b- t
}4 Q. i1 d' ^' Y2 g' E
.girlspic img {4 G# z7 h$ [$ g" B
margin: 0 0 10px 10px;
; G9 }3 M0 n/ u. H& W4 X6 {( P border: 2px solid #111111;
$ x6 O' A5 U: f2 ?* A display: block;( `7 E; h2 [ p h, w
float: left;
" X; }. I) y9 o; M. `% l0 b}
( |9 A0 U; @9 K, R) f#col2 {
' |/ S( r$ a* d width: 399px;/ R) ]) s e1 p8 z/ g
float: right;
) R4 w. d; \4 h. M0 t* Q( k padding: 20px;
' F7 ]( E- K% i b" A}
5 Q# S& i8 N$ e k- k0 M3 V#col2 h1 {
4 t0 o0 F1 l8 Q& e+ ^ font-size: 22px;
/ [) n; Z2 q# p5 |1 b font-weight: 100;
" T& q+ [/ T9 m+ U- Z- [5 G color: #0053cf;
: d; A$ P9 s2 z! o- W6 V! s. } margin: 0;
, ?+ z* s: B) u. G}: O/ ~9 j9 y; N1 k* a+ a
#col2 p {8 J9 K1 X3 z9 p
margin: 0 0 10px;
1 n1 ?+ P& Q/ E1 f, L line-height: 18px;
# p: E4 M' p1 u7 J' p* C}
5 H# H8 b* d* b$ r0 ~#col2 ul {
' Z$ u* a8 Z2 V padding: 0 0 0 30px;$ {# v$ K) B3 B0 l. e
}
8 S+ ~3 ?9 X9 n% n#col2 li {! J2 q: K+ ~+ c+ T! O6 Z
color: #0e0e0e;
* ~% H6 r5 a8 W$ T! {& W: v5 G |6 U margin: 0 0 20px;( V) G! Y! ~3 A R* O7 l
font-size: 18px;* B7 P" X, N% @" {
font-weight: bold;
6 v7 |, E# W$ S2 z+ o2 Y}# V! ]0 L* v' o1 _$ I2 I5 P
#cta {8 \- e1 c. Y* I
text-align: center;
9 Q; [- Z& K/ x/ z1 @9 H}& `# _3 {4 }* Z# D2 V! D
#footer p {
3 A; I' J$ [% q text-align: center;4 g2 x& i5 k7 i* E; o
margin: 0;4 Q4 t# Q: d/ v/ F
padding: 10px;
4 N$ w, V: e6 p9 R1 T, _5 m, P color: #8b8b8b;" K+ Y0 `7 `. a- |9 ^( t* L
font-size: 12px;* r* t$ x& z8 Z& c: r! x
} |
|
发表于 2015-9-6 13:08:26
发表于 2015-9-6 17:27:42
