HTML5技术

手机网站——自适应 - blimv

字号+ 作者:H5之家 来源:博客园 2016-06-29 16:00 我要评论( )

最近自己做的手机网管的页面,在手机上显示的时候,总是要手动进行页面缩放,这样子一来.采用Opera和 safari 等手机浏览器的时候,页面变形得很厉害,第一次用领导到的Iphone的时候.页面字变得太小,要缩放才可以. 参考了3g.163 Yahoo ,Live 的页面后,发现CSS并无

最近自己做的手机网管的页面,在手机上显示的时候,总是要手动进行页面缩放,这样子一来.采用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">

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

OK正常了!

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • Hero Patterns - 聚合各种 SVG 背景纹理素材的网站 - 梦想天空(山边小溪)

    Hero Patterns - 聚合各种 SVG 背景纹理素材的网站 - 梦想天空(山边

    2017-05-02 12:00

  • 网页适应所有屏幕宽度 - 侧耳倾听一场梦

    网页适应所有屏幕宽度 - 侧耳倾听一场梦

    2017-04-22 10:00

  • ASP.NET Core 网站在Docker中运行 - 漫步长江

    ASP.NET Core 网站在Docker中运行 - 漫步长江

    2017-04-13 12:00

  • [.NET] 一步步打造一个简单的 MVC 电商网站 - BooksStore(三) - 反骨仔(二五仔)

    [.NET] 一步步打造一个简单的 MVC 电商网站 - BooksStore(三) - 反

    2017-04-02 11:00

网友点评