这是一个创建于 4846 天前的主题，其中的信息可能已经有所发展或是发生改变。
大家看这个页面： jiepang1.sparker5.com
这个页面是有问题的， 有些android机器打开页面后不能自适应全屏显示， 也就是说必须手动缩小才能看到全部内容， 特别是一些htc手机。 （小米是ok的）
这个问题研究半天了， 找不到解决办法， 目前我们是写了3套css， 根据不同设备的尺寸运用不同的css， 但是不知道为什么， 达不到预想的效果。
问问大家有没有这方面的经验， 我们的代码在github上， 你只需要解决web/html文件夹里面几个html页面的这个问题即可， 这是一个静态页面：
https://github.com/sdjl/jiepang1
请fork一个版本， 解决后告知您的代码地址， 如果能达到一个比较不错的效果， 不需要100%解决， 立马付款， 说到做到！
这个页面是有问题的， 有些android机器打开页面后不能自适应全屏显示， 也就是说必须手动缩小才能看到全部内容， 特别是一些htc手机。 （小米是ok的）
这个问题研究半天了， 找不到解决办法， 目前我们是写了3套css， 根据不同设备的尺寸运用不同的css， 但是不知道为什么， 达不到预想的效果。
问问大家有没有这方面的经验， 我们的代码在github上， 你只需要解决web/html文件夹里面几个html页面的这个问题即可， 这是一个静态页面：
https://github.com/sdjl/jiepang1
请fork一个版本， 解决后告知您的代码地址， 如果能达到一个比较不错的效果， 不需要100%解决， 立马付款， 说到做到！
 | 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 同志们， 我们用“一张图”这个必杀技了~~~ |
Select Language