前端 - 飘逸的风-分享点滴生活

当前位置：分类前端下的文章

如何禁止安卓Android或苹果IOS手机在微信中网页放大？

做H5项目，在手机微信端打开网页，由于一些手机的字号设置的很大，所以网页也会随之放大，这样就影响了网页整体美观。那么，怎样才能阻止手机微信里的网页放大呢？下面是安卓Android和苹果IOS的处理代码： 1、安卓（通过JS代码实现，借助WeixinJSBridge对象来阻止字体大小调整）： //Android微信中，借助WeixinJ...

2021-2-5 飘逸的风 1条评论 110人围观标签: CSS 阅读全文
免费商用字体，可能全在这了

以上31种字体（除华康之外）全部可以免费个人使用、免费商业使用。 1.思源系列字体（免费商用）思源黑体思源黑体（英语：Source Han Sans）是Adobe与Google所领导开发的开源字体家族，1.001及更早版本以Apache 2.0许可证授权，而1.002及更新版本则使用SIL开源字体授权，属于无衬线黑体。...

2020-12-22 飘逸的风 0条评论 471人围观标签: 字体阅读全文
CSS如何实现手机端底部导航绝对居中

最近在做一个web移动端的项目，底部导航菜单本来是固定的4个，后来客户要求，底部导航按钮可以后台编辑，也就是说，可以是4个，也可以是4个。但是，按照4个的距离设定好样式，当按钮增加5个的时候，整体样式就不对了。一种方法是程序动态调整每个按钮的宽度百分比，但是这样不够自动化。找了一些CSS相关资料，最终完美解决这个问题（这对于前端工程师来说是小菜一碟）。以下是解决方法： ....

2020-11-26 飘逸的风 0条评论 180人围观标签: CSS 阅读全文
安卓Android微信中自带浏览器文字变大如何解决

用安卓手机微信自带浏览器打开网页，如果系统字号放大了，那么访问的网页字体也会跟着变大，这个问题如何解决呢？可以使用微信WeixinJSBridge对象来阻止字体大小被调整。以下是代码：

2020-4-23 飘逸的风 0条评论 944人围观标签: JS 阅读全文
微信内置浏览器打开网页有时JS无法执行问题解决方案

苹果IOS微信内置浏览器打开网页，有时不会执行JS脚本，android安卓手机微信浏览器偶尔也有这样的问题，经过多次调试，发现是微信浏览器缓存了渲染页面，没有重新渲染页面，导致window.onload中JS无法执行。经过以上分析判断，给出的解决方案就是，如果使用了缓存，自动重载页面。以下是JS代码解决方案：

2020-4-23 飘逸的风 0条评论 2623人围观标签: JS渲染阅读全文
H5页面点击事件不生效问题如何解决？

H5页面里的标签绑定了点击事件，但是点击时有时不生效，直接使用 $(document).on(‘click’,function(){}) 绑定了点击事件，在点击它的子元素的时候点击事件并不生效。但是在浏览器模拟一切正常。遇到这种情况，以下是几种解决方案可供参考……

2020-4-8 飘逸的风 0条评论 1645人围观标签: JS 兼容性问题阅读全文
js输入框只能输入数字的方法

分享下js输入框中只能输入数字的方法，包括整数与小数，分享几个例子，有需要的朋友参考下。 1.使用正则表达式限制输入框只能输入数字： <input type="text" onkeyup="this.value=this.value.replace(/[^\d]/g,'')" onafterpaste="this.value=this.value.replace(/[^\...

2018-7-10 飘逸的风 0条评论 2837人围观标签: JS 阅读全文
JS移动客户端--触屏滑动事件

移动端触屏滑动的效果其实就是图片轮播，在PC的页面上很好实现，绑定click和mouseover等事件来完成。但是在移动设备上，要实现这种轮播的效果，就需要用到核心的touch事件。处理touch事件能跟踪到屏幕滑动的每根手指。以下是四种touch事件 touchstart: //手指放到屏幕上时触发 touchmove: ...

2018-6-4 飘逸的风 0条评论 2887人围观标签: JS 阅读全文
如何禁止百度手机搜索时对网页转码？

在网页<head></head>之间添加两端代码即可搞定。 <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> 网上查询的资料，百度和搜狗重新收...

2018-3-31 飘逸的风 2条评论 4218人围观标签: SEO搜索优化阅读全文
iPhoneX top:0出现的问题解决办法

前言 iPhoneX还没有正式开售，目前网上对其适配就引发了不少争论和吐槽。下面我就来谈谈ios11的WebView Viewport 及iPhoneX刘海想到的。 ios11的WebView Viewport 为了适应iPhoneX的刘海，ios11顶部状态栏做了更改，更改之后，我们在iphone8中，假如设置一个固定元素，top: 0。就会出现如下情况。解决...

2017-12-20 飘逸的风 0条评论 6262人围观标签: CSS iphoneX 阅读全文