移动端
文章平均质量分 72
少油少盐不要辣
趁着年轻,去折腾,去改变吧
展开
-
移动端-webkit-tap-highlight-color
1.-webkit-tap-highlight-color移动端点击链接元素时,会出现半透明灰色背景,设置-webkit-tap-highlight-color:transparent,即可去除。2.手淘的重置css样式有这么一段:* { margin: 0; padding: 0; box-sizing: border-box; outline: 0; ...原创 2020-04-09 20:33:06 · 606 阅读 · 0 评论 -
移动端开发网页时,有部分字体无故变大或变小
原因首先,这个准确说不是由开发人员导致的bug,这是webkit内核移动浏览器特性导致的,这个特性被称做「Text Autosizer」,又称「Font Boosting」、「Font Inflation」,是 Webkit 给移动端浏览器提供的一个特性:当我们在手机上浏览网页时,很可能因为原始页面宽度较大,在手机屏幕上缩小后就看不清其中的文字了。而 Font Boosting 特性在这时会...原创 2019-02-14 21:37:24 · 5324 阅读 · 0 评论 -
手机访问本地开发网页
首先,手机和电脑要处在同一个局域网下。(比如,连同一个WIFI)电脑端开一个服务器,将网页放在服务器根目录下面。关闭电脑的防火墙。(测试过后,记得打开哦~)获取电脑的IPv4地址。做法:win+R打开运行,输入ipconfig,则可获取到。获取到地址后(比如是:192.168.0.104),要作如下操作:file:///D:/wampserver/wamp64/www/mobile-...原创 2019-02-09 18:00:57 · 2527 阅读 · 0 评论 -
移动端监测手机屏幕旋转,刷新页面
上代码://当手机旋转的时候,触发“orientationchange”该事件window.addEventListener("orientationchange", hengshuping, false);function hengshuping() { //横屏 if (window.orientation == 90 || window.orientat...原创 2019-02-09 17:16:15 · 2716 阅读 · 0 评论 -
移动端适配dpr
这是将layout viewport(布局视口)宽度设置为设备屏幕宽度,这句就得到了理想视口。原创 2019-02-09 22:19:24 · 3278 阅读 · 2 评论 -
移动端去除overflow:scroll所带来的滚动条
用overflow:scroll会带来滚动条,那么如何去除呢?我这里用的方法,是在用该属性的元素外,再次套一个父元素,并让滚动的内容区的高度和该父元素的高度相同。直接上代码,以下是未套元素前:html代码<ul> <li></li> <li></li> <li></li> &原创 2019-02-26 22:53:24 · 6597 阅读 · 1 评论 -
解决IOS移动端fixed固定头部问题
1.废话不多说,直接上代码:css部分 body{ padding: 0; margin: 0; } html,body{ width: 100%; height: 100%; } .page{ display...原创 2019-04-11 23:30:48 · 3253 阅读 · 0 评论 -
移动端,蒙版底部页面滑动问题
1.移动端项目中,经常会有弹出弹窗的需求,并且,当用户在弹窗上有滑动时,弹窗底部的页面,是不能滑动的。就像下面这样。当在弹窗上滑动观看学生信息时,其底部的页面不能有滑动。目前,我这里有两种个人方案:1.在点击弹出弹窗的时候 ,给HTML和body元素加上如下代码:html,body{overflow:hidden;}取消弹窗的时候,删除上面代码即可。2.在点击弹出弹窗的时候 ,...原创 2019-04-12 08:18:34 · 645 阅读 · 0 评论