[技术相关] 如何设置自适应手机浏览器的宽度？ [复制链接]

chenzj0818　楼主

陈大脑袋

中级会员 

帖子: 463
体力: 385
威望: 0
居住地: 辽宁省沈阳市

发表于 2012-3-12 15:45:19 |显示全部楼层

我将样式的宽度写为100%，但在手机上显示还是不能自动适应手机屏幕的宽度。求正解！先谢了

广告：前端开发群：203439897

西部数码云主机4G内存500G仅需423元

使用道具举报

ghbjy1128　

修行

银牌会员

帖子: 1797
体力: 1555
威望: 0

发表于 2012-3-12 16:13:52 |显示全部楼层

<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />

在你的Head里加上这个。

//Thanks all.

租服务器，上51IDC

使用道具举报

chenzj0818　楼主

陈大脑袋

中级会员 

帖子: 463
体力: 385
威望: 0
居住地: 辽宁省沈阳市

发表于 2012-3-12 20:27:33 |显示全部楼层

xhtml-mobile10.dtd 我加的这个!

广告：前端开发群：203439897

使用道具举报

dashzhao　

高级会员

帖子: 4312
体力: 713
威望: 2

发表于 2012-3-12 20:36:07 |显示全部楼层

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<meta name="apple-touch-fullscreen" content="YES" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="format-detection" content="telephone=no" />
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, width=device-width" />
<meta name="MobileOptimized" content="320"/>
<meta http-equiv="x-dns-prefetch-control" content="on"/>
<link rel="apple-touch-icon" href="static/custom_icon.png"/>
<link rel="apple-touch-icon-precomposed" href="static/custom_icon.png"/>
<link rel="stylesheet" type="text/css" href="{IMG_SERVER}wap.css"/>
<meta name="description" content="{$description}"/>
<meta http-equiv="refresh" content="5;url={$jump}"/>
<title>{$mintit}-掌上一生缘</title>
<script>window.addEventListener("load", function() { setTimeout('window.scrollTo(0,1);', 1); }, false);</script>
</head>