技术栈 lib-flexible 是淘宝的可伸缩方案 WKWebView 是ios8以上支持的网页控件 问题场景 最新公司一个项目使用 lib-flexible 来做移动端的伸缩解决方案,页面在safari上都是正常的, 在使用了 WKWebView 的客户端里却是错乱的 经过尝试,解决方法如下: <meta content="maximum-dpr=2" name="flexible" /> 替换为: <meta name="viewp…

开发项目时候第一次遇到rem布局进入页面瞬间样式错乱问题: //该段js为rem布局应用 如10px = 0.1rem; (function(doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function() { var clientWidth = docEl.clientWidth;…

最近的vue项目中遇到的问题:v-html渲染的富文本,无法在样式表中修改样式 解决方法: 把需要添加或重置的样式单独放在一个style标签里, 定义为全局样式,代码如下: <style> .content img{ width: 100%; } </style>…

原问题 #wrapper{ width:100%; height:100%; position:fixed; background-image:url(./img/open_bg.jpg) } 在.vue文件中的CSS样式中,使用背景图 在webpack打包后,路径不对,怎么办呢? 回答 如果你用了vue-cil,那么在build目录下找到utils.js中的ExtractTextPlugin.extract({}),里面添加下面这个属性就完美解决了publicPath: '../../' 解释…

这种情况大多数是因为你的mysql是使用rpm方式安装的,它会自动寻找 /var/lib/mysql/mysql.sock 这个文件,通过unix socket登录mysql.常见解决办法如下:1.创建/修改文件 /etc/my.cnf,至少增加/修改一行[mysql][client]socket = /tmp/mysql.sock#在这里写上你的mysql.sock的正确位置,通常不是在 /tmp/ 下就是在 /var/lib/mysql/ 下 2.指定IP地址,使用tcp方式连接mysql,…

百度的Ueditor编辑器出于安全性考虑,用户在html模式下粘贴进去的html文档会自动被去除样式和转义.虽然安全的,但是非常不方便. 做一下修改把这个功能去掉. 一.打开ueditor.all.js 二.大概9300行找到 ///plugin 编辑器默认的过滤转换机制,把下面的 'allowDivTransToP':true 值改成false.为true的时候会自动把div转成p. 三.大概9429行,有个case 'li',这个是把li里面的样式去掉,把这个case注释掉. 四.大概140…

在spinner中显示的数据过多,需要换行,而Android自身提供的android.R.layout.simple_spinner_dropdown_item样式不支持换行,因此参考android提供的样式修改即可. 自定义布局文件:spinner_dropdown_item.xml 直接拷贝自android.R.layout.simple_spinner_dropdown_item,只需修改android:singleLine,将其改为false,即可支持换行. <?xml version=…

资料: http://manos.malihu.gr/jquery-custom-content-scroller/  (此项是结合Jquery使用的,在此并未采用) https://www.npmjs.com/package/ngx-perfect-scrollbar https://www.cnblogs.com/liulei-cherry/p/10044159.html#4454915 曾多少次遇到想修改各个浏览器的滚动条样式,因为实在是看着不爽,今天终于实现了这个骚操作↓ 在没有遇到ng…

.(button使用contont写的时候) 当.button使用 <button.content><textBlock/></button.content>依然会覆盖 这段代码能消除全局textblock对button的影响 <DataTemplate DataType="{x:Type System:String}"> <TextBlock Text="{Binding}"> <TextBlock…

第一步:安装babel-ployfill (已安装请跳过此步骤) yarn add babel-ployfill 修改webpack打包配置文件:webpack.bash.conf.js // 引入babel-ployfill var babelPloyfill = require('babel-ployfill') // ... // 修改entry字段 entry: { // app: './src/main.js' app: ["babel-polyfill", "./…