点击微信输入框页面放大以及页面布局等若干问题的记录

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的问题。这样才能快速解决。另外微信浏览器在浏览网站时特别容易缓存，更新较慢。掌握这些会使自己的开发更容易一些。