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

解决手机訪问站点时总体相对屏幕缩小问题?(已解决)

时间:2017-07-16 17:26:11      阅读:262      评论:0      收藏:0      [点我收藏+]

标签:article   phone   www   lis   好的   cal   最大   doc   打开   

解决手机訪问站点时总体相对屏幕缩小问题?(已解决)

自己开发出来的站点,在手机上訪问时,总是总体小了一块。不能非常好的适应屏幕,每次都要用手指再放大到合适尺寸,后发现,须要在开发代码中加入:

<meta name="viewport" content="width=device-width, initial-scale=1">  (可加入到第一行)


參数说明:
width - viewport的宽度 height - viewport的高度
initial-scale - 初始的缩放比例
minimum-scale - 同意用户缩放到的最小比例
maximum-scale - 同意用户缩放到的最大比例
user-scalable - 用户能否够手动缩放
此參数说明參考:http://www.2cto.com/kf/201308/240021.html

假设是想要一打开网页,则自己主动以原始比例显示,而且不同意用户改动的话,则是:

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

================================================ [还有一种方法]

把这段

<!DOCTYPE ........>

替换为这段

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">

注:此方法在iPhone下横屏时宽度会超过屏幕宽度出现滚动栏。解决方法就是加上方法一的代码

參考:http://www.strongfire.cn/article/319.html

解决手机訪问站点时总体相对屏幕缩小问题?(已解决)

标签:article   phone   www   lis   好的   cal   最大   doc   打开   

原文地址:http://www.cnblogs.com/jhcelue/p/7190968.html

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