点击微信输入框页面放大以及页面布局等若干问题的记录
2015-12-03 14:22
676 查看
1.登录页面在微信客户端访问时,点击输入框,页面自动放大
这个问题很特别,在浏览器上访问则不会出现此种情况。这种情况需要在html的head加上meta标签。
具体如下: <meta name="viewport" content="initial-scale=1, maximum=1,minimum=1, user-scalable=no" />
关于meta标签,我个人的理解像是html告知浏览器某种协议。meta标签还有许多其他内容。
2.将父div的高设为60%,微信客户端浏览时布局乱了
这同样是一个在微信浏览器上出现的问题,在浏览器上则不会出现此问题。原因应该是页面大小会变,比如手机输入法弹出时,页面变小。输入法退出时,页面恢复。将父div的大小设为60%,而页面内容不变时,很容易造成布局乱了。解决办法就是将页面变化时,内容(字体)等均设为变化。或者干脆将父div的高度设为固定值。
总结:第一个问题是需要积累和学习的,属于新知识的领域。第二个问题就属于div+css的问题。这个问题的解决一定要找div+css的问题。这样才能快速解决。另外微信浏览器在浏览网站时特别容易缓存,更新较慢。掌握这些会使自己的开发更容易一些。
这个问题很特别,在浏览器上访问则不会出现此种情况。这种情况需要在html的head加上meta标签。
具体如下: <meta name="viewport" content="initial-scale=1, maximum=1,minimum=1, user-scalable=no" />
关于meta标签,我个人的理解像是html告知浏览器某种协议。meta标签还有许多其他内容。
2.将父div的高设为60%,微信客户端浏览时布局乱了
这同样是一个在微信浏览器上出现的问题,在浏览器上则不会出现此问题。原因应该是页面大小会变,比如手机输入法弹出时,页面变小。输入法退出时,页面恢复。将父div的大小设为60%,而页面内容不变时,很容易造成布局乱了。解决办法就是将页面变化时,内容(字体)等均设为变化。或者干脆将父div的高度设为固定值。
总结:第一个问题是需要积累和学习的,属于新知识的领域。第二个问题就属于div+css的问题。这个问题的解决一定要找div+css的问题。这样才能快速解决。另外微信浏览器在浏览网站时特别容易缓存,更新较慢。掌握这些会使自己的开发更容易一些。
相关文章推荐
- 谈谈微信首页下拉拍摄小视频功能
- 微信sharesdk
- php微信开发备忘-群发的一个坑
- php微信开发备忘-使用测试号开发时的一个坑
- 微信支付
- 微信支付接口
- 源码探索系列0---微信抢红包插件原理解析
- 微信“公众平台测试账号”接口调试指南
- 微信第三方登录
- 微信地推传单推广渠道二维码管理—带参数二维码管理平台
- WeixinJSBridge 微信
- HTML5 微信二维码提示框
- 投资微信
- Android - ViewPager + Fragment 实现仿微信界面
- 微信SDK 在iphone 6plus上分享失败(ios自学笔记)
- 一个关于微信公众号开发的开源项目,召集小伙伴和我一起来实现
- iOS开发——微信支付
- 微信扫码支付
- Android 开发仿微信位置共享
- java调用微信企业号各种接口实例