前端布局踩坑
关注
分享
扫一扫
大橙子Gsc
这个作者很懒，什么都没留下…
展开
-
用css画一个原型里有一个对号或者叉叉的图标
用css画一个圆形里有一个对勾或者叉叉的图标<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&原创 2021-04-12 11:35:09 · 1451 阅读 · 1 评论 -
针对移动端 ios 键盘把输入框按钮挡住问题
针对手机端 ios 键盘把输入框按钮挡住var hrt = $(window).height(); //获取当前可视区域的高度存到hrt的变量里。console.log(hrt);window.onload = function () { //在页面整体加载完毕时$(’.content’).height(hrt + ‘px’); //把获取到的高度直接赋值给body};...原创 2019-05-27 17:04:02 · 1270 阅读 · 0 评论 -
在ios的webview中使用fixed在顶部的内容导致下拉刷新被阻挡问题。
解决方案：用js动态设置为abolute，放手后再设为fixed//css代码.fixedTopObj.abs { position: absolute;}.fixedTopObj{ position: fixed; top:0; left:0;}//JS代码var $fto= document.querySelector('.fixedTo...原创 2019-06-28 11:07:17 · 1890 阅读 · 0 评论 -
web中弹出弹框后，要求滚动弹框内容时，背景元素不能滚动，关闭弹框后要求背景元素位置保持不变解决方案
解决方案：用js动态设置body、body的子元素pageview包层的样式，代码如下：html代码：<body><div class="pageview"></div></body>js/jQuery代码：$('#dlg_btn__open').click(function () { // ...其他处理 var st...原创 2019-06-28 11:22:22 · 1419 阅读 · 0 评论 -
vue中使用rem布局的方法
此处已vue为例,在使用vue-cli搭建好项目框架后,在目录结构的index.html文件中添加一段js代码:fnResize();window.onresize = function () { fnResize();}function fnResize() { var deviceWidth = document.documentElement.clientWidth || w...原创 2019-08-20 10:28:16 · 1272 阅读 · 0 评论