|
|
一个LP，在手机端打开之后怎么都不能适应屏幕大小
: ~8 A- d. h# W具体CSS代码如下， 请教改如何修改？5 j1 b3 J' @0 w/ i
body {& e5 C$ g1 p5 S5 Z$ u$ u {% k
background: #d8d8d8;
8 N# x( X Y+ c$ ~- X& [- |) C font-family: arial, tahoma, verdana, sans-serif; x3 k. G* h) C. R
font-size: 14px;
! n" U5 {8 @: P: o q color: #616161;
1 ^ g: O: x4 f3 D% `* i margin: 45px 0 0;
7 S; C4 j8 }4 k B}
2 Z7 {' \. S; D7 W% Q% Z1 U0 Eimg {
" K' l6 r' W% U9 W border: 0;
/ B& }, [ \5 ?8 O}
9 {! q. o- O: ^( p1 R, y.clear { 6 Q% G$ |& Y/ M: j
clear: both;
1 N8 C* O5 m+ s1 B$ J- w( Q}
8 w4 Z+ Q6 n- z4 }$ q9 R#wrapper {
$ q* b) v- b0 v width: 852px;
2 E9 O. T# W7 F! }, d3 T( S; z: I margin: 0 auto 0;
/ x8 Z O8 A! C8 T4 J}' ^0 q" U/ d3 N0 G
#header {2 r" ]$ Z4 j- Y r4 L/ w8 K
background: url('1.gif') no-repeat;
: P( w% V8 U: C1 y height: 113px;
5 K9 W, J1 `, E- f}) w2 x* A- A9 S& `0 z7 Q
#header a{ display:block; height:113px; cursor:hand; }" e/ S* ^6 W9 q
#content {
* A4 c: A0 e% T! s- ` background: url('bg.jpg') repeat-y;
2 d0 `# z1 F0 F}& X1 m9 Q- D; F) B( g6 P/ s: Z
#contentbottom {0 A( e: Z6 i! F# x5 d2 P+ Z
background: url('contentbottom.jpg') no-repeat;
# R6 n4 m: ?2 @+ o height: 6px;+ H5 B7 p+ \+ k* u
}0 T) M( d1 F- w! @1 Y& k
#col1 {7 A0 z9 Y* x% Q" m+ u
width: 411px;" h; j$ a% n$ C, M% D6 v
float: left;; S1 u5 e! ]6 P. D$ M+ n
padding: 10px 0 0;
* ~. q+ U$ G4 w @- {$ r}
! e0 p: j8 h. M.girlspic img {
0 c3 F, H: U% L* [( {' f margin: 0 0 10px 10px;
! b2 r8 l% |$ D0 i8 X* [% D border: 2px solid #111111;; J- X7 ]# x' B3 {# @* T2 |
display: block;' _; P4 B6 s7 K! A$ \
float: left;
: J0 V1 A( Z( C x. R! r}
7 Y- i( d* J4 o. h' N7 \#col2 {
: n! _3 X- R# U2 z, h# |& X width: 399px;4 P4 A) p. J, l8 _/ `
float: right;: i3 C. P8 w3 O7 N: p# i
padding: 20px;: k- S A. i" \# R' X/ f5 H
}
3 x! f* C+ w5 g+ C$ ?#col2 h1 {
* v: Z: [% |7 Q% ~/ B8 Y9 t3 f font-size: 22px;' H2 q+ c; @* k* O- @1 X
font-weight: 100;0 a4 }- w, m: l
color: #0053cf;
! L0 p! a6 z7 b3 V J; k6 _8 ^ margin: 0;4 H5 j" @; X0 e8 t5 o6 _
}
, }4 ^; Q+ P* a4 Y4 N/ Q5 f- }+ d#col2 p {, p* ~( C2 e. F2 T" c
margin: 0 0 10px;' _2 t0 ]4 p7 W" k: l
line-height: 18px;
' G- e! N. l* P+ W1 I}
& _- h. E" \. k: r#col2 ul {; d3 h& k# M! p/ ]) V* l6 O, Y1 k
padding: 0 0 0 30px;
0 ~+ i) n( D2 g7 C3 T}) |: Y' t4 [9 ]- m* K7 N0 U7 D. A
#col2 li {
" T+ z# B- Y& r8 x+ w! S: ~ color: #0e0e0e;1 l5 r7 v5 P4 o* f m: M
margin: 0 0 20px;
4 ?% F( g- b4 S* [ font-size: 18px;
7 c3 w% `. ~2 b4 z2 k font-weight: bold;
! @# k6 t4 K5 \6 v$ q2 h0 Q3 {; B}
9 O& i8 Z$ z/ o3 f$ i# k#cta {8 v0 `+ T. m3 a8 J7 H" \
text-align: center;. j/ ?% G3 H3 L0 M7 p- r3 p, N
}2 i \( V2 b6 x! U' U' ^1 n
#footer p {: x+ n; t! i" N/ _- b4 B
text-align: center;, D# N; x& u, n' u$ J$ ]
margin: 0;
; p8 k: F: S3 {/ `, _( X padding: 10px;/ g/ q, v- G# s# \! T
color: #8b8b8b;
7 n+ n0 `8 g1 Y& L0 O6 V font-size: 12px;
7 h w, A4 R0 b9 t} |
|
发表于 2015-9-6 13:08:26
发表于 2015-9-6 17:27:42
