youngeffort的博客

现象：input表单输入时，调取原生键盘把底部position:absolute;内容往上顶了问题产生原因：弹出键盘使网页脱离文档流的屏幕高度变小解决方案：1、使用常规布局，重新布局被顶内容，放回文档流---比如修改position:absolute;为posution:relative;2、使用媒体选择器：​@media (max-height:535px){ ....

现象：新增前进后退导航栏问题产生原因：新增导航栏使网页脱离文档流的屏幕高度变小解决方案：           布局时考虑到影响脱离文档流的底部元素即可根据需要合理布局  ...

现象：正常展示：缩放展示：原因：在网页中，如果一个元素没有设置最小宽度(min-width)，这时当浏览器缩小到一定程度时，元素中的布局可能会发生变化。缩放实际是改变了盒模型的宽度和高度。解决：1、如果想要保持布局不变，可以给该元素（如div)设置最小宽度属性2、给网页设置固定宽，即最外层父元素...