华为平板浏览器M6电脑模式能用UC浏览器吗

来源：蜘蛛抓取(WebSpider) 时间：2019-08-06 08:56 标签： 平板浏览器

使用 vue-cli 搭建的项目PC上火狐和谷歌瀏览器打开正常，使用浏览器开发者工具模拟移动端浏览也正常OPPO 坚果 真机浏览也正常，但老的华为手机和荣耀手机打开是白屏

在网上查询一段时间后，使用 babel-polyfill 对ES6语法转成ES5语法打包后上线问题依旧

最后使用排除法定位到问题，问题代码如下 

 

 在华为手机和低版本荣耀手机上 input 标签如果有 v-model 属性的情况下，还有 :value 属性就会出现白屏，如果 input 要使用默认值 不要动态绑定数据，直接使用 value 属性

楼主您好，此现象主要是第三方应用广告插件导致其目的是让您下载他的软件使用。很抱歉给您的使用带来不便已私信联系您，可以将网址链接发我们下请注意查看私信消息。


而且不仅是提示安装uc浏览器每个页面的最下端，还有”猜你喜欢”的图片广告还有总是弹出填写支付宝手机号和密码嘚红包广告  发表于 08:14

的浏览器）然而在移动开发中，本来绝大多数浏览器（包括安卓2.3以上的自带浏览器）都支持的属性偏偏有个例外，就是国产某某X5内核神器（不知哪个版本的webkit仅支持 display:box ），自主研发这东西也不好多说什么了下面入正题。

box-pack定义子元素主轴对齐方式

box-align定义子元素交叉轴对齐方式。

box-orient定义子元素是否应水平或垂直排列

box-lines定义当子元素超出了容器是否允许子元素换行。

box-flex定义是否允许当前子元素伸缩

box-flex属性使用一个浮点值：

/*伸缩：<一个浮点数，默認为0.0即表示不可伸缩，大于0的值可伸缩柔性相对>*/

box-ordinal-group定义子元素的显示次序，数值越小越排前

/*显示次序：<一个整数，默认为1数值越小樾排前>*/ /*固定大小：默认为0，可以设置px值也可以设置百分比大小*/ /*单独对齐方式：自动（默认） | 顶部对齐 | 底部对齐 | 居中对齐 | 上下对齐并铺满 | 攵本基线对齐*/

由于旧版语法并没有列入W3C标准，所以这里不用写 display:box 下面的语法也是一样的。

这里旧版语法有4个参数而新版语法有5个参数，兼容写法新版语法的 space-around 是不可用的：

这里的参数除了写法不同其实是功能是一样的：

这里还有一点，就是新旧语法的算法是不一样的假設 box-flex 的值不等于0，旧语法中如果有多余的空间， box-flex 的值越大说明空白部分的占比越多，反之亦然：

不足之处请多指点本文不断更新。


我要回帖

更多关于 平板浏览器 的文章

 

随机推荐