您的位置:首页
解决手机訪问站点时总体相对屏幕缩小问题?(已解决)
2017-07-16 16:56
288 查看
解决手机訪问站点时总体相对屏幕缩小问题?(已解决)
自己开发出来的站点,在手机上訪问时,总是总体小了一块。不能非常好的适应屏幕,每次都要用手指再放大到合适尺寸,后发现,须要在开发代码中加入:
<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" />
================================================ [还有一种方法]
把这段
替换为这段
注:此方法在iPhone下横屏时宽度会超过屏幕宽度出现滚动栏。解决方法就是加上方法一的代码
參考:http://www.strongfire.cn/article/319.html
自己开发出来的站点,在手机上訪问时,总是总体小了一块。不能非常好的适应屏幕,每次都要用手指再放大到合适尺寸,后发现,须要在开发代码中加入:
<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
相关文章推荐
- 解决手机访问网站时整体相对屏幕缩小问题?(已解决)
- 解决相对路径的问题,可返回站点的根路径request.getContextPath()
- request.getContextPath是为了解决相对路径的问题,可返回站点的根路径
- 解决Bootstrap在手机屏幕上左右滑动时出现留白的问题
- Android中解决手机屏幕横竖屏切换问题
- 解决手机自带浏览器上,用rem单位,内容超出屏幕宽度问题!(rem计算不准)
- 解决jQuery动态获取手机屏幕高和宽的问题
- 解决jQuery动态获取手机屏幕高和宽的问题
- 解决不同手机屏幕下字体变大、变小的问题
- 解决手机关闭屏幕线程挂起问题
- 关于手机应用到Samsung Galaxy Tab屏幕的适应问题解决
- 苹果手机安装应用后无法上网问题的解决方法
- 系统启动后,添加新的Appwidget到手机更新不同步问题解决
- android自定义listview,添加监听器,解决屏幕滑动组件状态干扰的问题checkbox ...
- 禁止手机浏览器上两个手指触碰在屏幕上,拉大距离,放大页面;缩小距离,缩小页面
- Baidu Map 异步加载 解决手机Load 地图慢的问题
- 解决DIV中元素append手机浏览器追加问题
- android中解决viewpager控件自动填满屏幕问题
- adb 链接手机offline的问题解决方法
- 解决iscroll.js上拉下拉刷新手指划出屏幕页面无法回弹问题