前端
20 篇文章
web
解决iOS下button按钮样式渐变背景问题
只需要加上这个样式即可 .form_content .btn-submit{ width: 100%; padding: 1rem; background: #ff6471; color: #fff;…
JS代码:设为首页 加入收藏
<a href="javascript:void(0)" onclick="AddFavorite(window.location,document.title)">加入收藏</a&…
JS实现PC端URL跳转到对应手机移动端URL
注意:这个办法并非最优选择,弊端在于对搜索引擎并不友好,因为加载资源后再跳转,增加了用户访问成本。建议使用301重定向来处理 function GetUrlRelativePath() { var u…
RATIO.JS 移动端自适应方案
一个移动端大小屏自适应方案支持插件,可以横向自适应和横竖双向自适应,包括根字号全局适配和标签区域内局部自适应。并且可以开启DPR让网页UI达到原生APP的细腻程度 RATIO.JS使用简单复制粘帖即用…
js简体繁体切换代码
切换的基本原理,就是首先建立一个简体字与繁体字相对应的一个映射表,然后遍历整个界面,把相应的简体字或者是繁体字映射为对应的字体即可。 不少网站为了更好地照顾不同用户使用简体/繁体的阅读习惯,会提供简体…
关于前端iOS9兼容问题
这个其他系统都没问题,就是iOS9不行 <script> const maxWidth = 750 function setRem(){ let htmlEle = document.qu…
解决width: 100%;再设置padding问题
在后面加上box-sizing: border-box;就OK了 .footer_nav{ width: 100%; overflow:hidden; margin-bottom:0; positio…
解决width: 100%;再设置margin问题
把width: 100%;改成width: calc(100% - 16px);就OK了 .footer_nav{ width: calc(100% - 16px); overflow:hidden;…
Vue运行npm run dev报错missing script: dev
只要在package.json文件加上 "scripts": { "dev": "webpack-dev-server --inline --hot --open --port 5009" } 再运行…