码迷,mamicode.com
首页 > 移动开发 > 详细

手机网站自适应

时间:2014-06-05 16:07:01      阅读:349      评论:0      收藏:0      [点我收藏+]

标签:c   style   a   http   tar   ext   

1.近自己做的手机网管的页面,在手机上显示的时候,总是要手动进行页面缩放,这样子一来.采用Opera和 safari 等手机浏览器的时候,页面变形得很厉害,第一次用领导到的Iphone的时候.页面字变得太小,要缩放才可以.

参考了3g.163 Yahoo ,Live 的页面后,发现CSS并无太大的区别.

所以不是的CSS的问题.因为在PC 上,用各种浏览器都进行了测试.

有一个最关键的东西.加上了就没有问题了!

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">

手机浏览器会根据页面的类型进行自动判断.

2.[meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"]   

手机网站自适应,布布扣,bubuko.com

手机网站自适应

标签:c   style   a   http   tar   ext   

原文地址:http://www.cnblogs.com/mrjie/p/3768787.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!