1
explon 2012-07-06 11:38:01 +08:00
给 viewport 加 initial-scale=1, maximum-scale=1 属性试试
|
2
caizeng 2012-07-06 11:41:06 +08:00
就是一个css排版问题了
|
3
sdjl OP |
4
catfan 2012-07-06 12:02:53 +08:00
在<head></head>加上:<meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=0" />
|
9
wenbinwu 2012-07-06 12:21:41 +08:00
css media http://css-tricks.com/css-media-queries/
|
10
Hinc 2012-07-06 12:22:39 +08:00
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"> |
11
sdjl OP @wenbinwu 这个我们写了, 你帮忙看一下这样写对不对?
<link rel="stylesheet" media="screen and (min-width: 100px) and (max-width: 319px)" href="/css/style360.css" /> <link rel="stylesheet" media="screen and (min-width: 320px) and (max-width: 320px)" href="/css/style640.css" /> <link rel="stylesheet" media="screen and (min-width: 321px) and (max-width: 399px)" href="/css/style360.css" /> <link rel="stylesheet" media="screen and (min-width: 400px) and (max-width: 550px)" href="/css/style480.css" /> <link rel="stylesheet" media="screen and (min-width: 551px) and (max-width: 900px)" href="/css/style640.css" /> |
12
sdjl OP http://jiepang1.sparker5.com/p1.html
我们重写了一个, 现在可以自适应了, 把代码全部改成图片了 |
13
catfan 2012-07-06 13:04:31 +08:00
宽度不要用定值
|
14
cutehalo 2012-07-06 13:05:27 +08:00
宽度用百分比来写
|
15
alexrezit 2012-07-06 13:11:17 +08:00
别写那么多CSS, 没用的, 等到需要兼容Windows Phone的时候你就傻眼了.
|
16
alexrezit 2012-07-06 13:16:23 +08:00
问题不在于viewport 问题在于640的那个css是真的按640去写的 要把它按320去写才行 不然肯定是放大了的 而且如果按640写的话就算最后折腾得兼容了等到你去兼容Windows Phone上的Mobile IE之后还得改回来
|
17
alexrezit 2012-07-06 13:35:01 +08:00
@sdjl
你这个在Windows Phone上就果断悲剧了, 看我楼上说的. 还有这个screen and (min-width: 320px) and (max-width: 320px)应该是可以写成screen and (width: 320px)的, 你试试看? |
18
tobeyouth 2012-07-06 13:45:01 +08:00
曾经貌似遇到过这么一个问题,于是把width=device-width给删掉就好了...
另外,为什么不用HTML5的声明呢? |
19
freewizard 2012-07-06 13:47:48 +08:00
至今为止的android/blackberry发行版一般用target-densityDpi=device-dpi都能凑合
不过这个玩意儿最近被webkit杀了,于是一帮人在webkit-dev里面吵 |
21
sdjl OP 同志们, 我们用“一张图”这个必杀技了~~~
|