移动端
Bright2017
学,然后知不足!
展开
-
垂直居中
页面当中经常会用到垂直居中的这种布局,不知道大家是怎么做的。和大家分享一下用flex弹性布局里垂直居中的方式。效果图:下面是代码,不明白可以看看,需要注意的是,我在刚学习的时候,总是忘了给html和body高度100%,所以一直没有效果。<!DOCTYPE html><html> <head> <meta chars...原创 2017-06-09 16:25:40 · 313 阅读 · 0 评论 -
我对flex弹性布局的认识
我对flex布局的理解原创 2017-06-09 16:48:48 · 3343 阅读 · 5 评论 -
移动端rem怎么用?
移动端rem怎么用?原创 2017-12-08 16:19:26 · 6039 阅读 · 0 评论 -
移动端禁止手机自带键盘弹出
这个问题,确实困扰了我好久,但是今天解决了。在网上搜索答案,全都是用DIV模拟input框实现,没有一个真正解决这个问题的,现在我只需要一句代码就可以完完整整的解决这个问题。先看下问题吧:这个是我自制的一个日历,在没有选择日期前她是这个样子的,感觉还可以吧但是好景不长,当我将手放进选择框选日期的时候,手机自带的键盘就弹出来了,完全盖住的页面,好心塞,有么有?解决方案:...转载 2018-04-13 12:58:26 · 15821 阅读 · 8 评论 -
HTML5----响应式(自适应)网页设计
第一步:在网页代码的头部,加入一行viewport元标签<meta name="viewport" content="width=device-width, initial-scale=1" /> viewport是网页默认的宽度和高度,上面这行代码的意思是:网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(initial-scale=1)为1...转载 2018-07-24 15:09:57 · 2019 阅读 · 0 评论 -
移动端上拉加载
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scal原创 2018-08-15 17:09:04 · 939 阅读 · 0 评论 -
移动端rem加载时页面字体先放大再缩小
先给body 设置visibility:hidden;<body id="body" style="visibility: hidden;"></body>然后需要在body下将body的样式设置为visibility:visible;<script> document.getElementById('body').style.visi...转载 2019-08-14 16:37:03 · 1983 阅读 · 0 评论