布局
小螃蟹er
永远相信,美好的事情即将发生。
展开
-
H5的input获取焦点滚动可视区域以及失去焦点情况
其实弹框之所以影响页面布局,我碰到的一般都是因为页面时position:fixed时,键盘一弹出,布局就乱了,我的解决方案是,首先就是把fixed尽可能的改成其他的,接着监听窗口大小变化事件,然后处理ios兼容问题代码//监听窗口大小变化事件window.addEventListener('resize', function () { if(document.activeElement.tagName === 'INPUT'){ document.activeElement.scrollI原创 2020-08-02 12:04:24 · 1170 阅读 · 0 评论 -
vue移动端rem适配--附带引入第三方库解决方案
一、先上解决方案:移动端适配我采用淘宝的一套rem解决方案源码: https://github.com/amfe/lib-flexible1、安装 npm i -S amfe-flexible2、引入meta标签<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, m...转载 2019-10-30 11:28:23 · 1085 阅读 · 0 评论 -
amfe/lib-flexible在非框架内执行
今天在了解移动端适配的过程中接触到了 amfe/lib-flexible,插件非常简单易懂记录下来.,被人写的//立即执行函数中,传入window,doucment避免全局污染/*思路是在页面初始化的时候设置一次html的字体大小然后监听设备的宽度改变和刷新,在处理函数中获取当前屏幕的宽度,随之改变html的font-size大小。*/(function flexible (wind...原创 2019-10-30 10:23:54 · 817 阅读 · 0 评论 -
关于html中table表格tr,td的高度和宽度
title: 关于html中table表格tr,td的高度和宽度date: 2018-10-30 20:52:47tags: [布局]categories: 布局关于html中table表格tr,td的高度和宽度做网页的时候经常会遇到各种各样的问题,经常遇到的一个就是会碰到表格宽度对不齐的问题。首先,来分析一下这三个标签中height和width的区别:1、table中的width和...原创 2018-10-30 20:56:50 · 7074 阅读 · 0 评论