关于bootstrap在UC浏览器中使用适应屏幕出错的解决办法

最新推荐文章于 2019-08-29 15:33:24 发布
最新推荐文章于 2019-08-29 15:33:24 发布
阅读量1.5k 收藏
点赞数 1
分类专栏： 前台代码

解决办法是在HTML头部加入

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

UC有一个2B模式(他们很自豪的急速模式。。- -#)，默认会自动开启。这个模式下，任何设置都木有作用的。导致很多效果在里面是没用的。


转：http://segmentfault.com/q/1010000000369339

Sean-Xiao
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
bootstrap的常见面试题
06-19 3万+
1.为什么使用bootstrap?Bootstrap具有移动设备优先、浏览器支持良好、容易上手、响应式设计等优点，所以Bootstrap被广泛应用。2.为了让 Bootstrap 开发的网站对移动设备友好，确保适当的绘制和触屏缩放，需要在网页的 head 之中添加 viewport meta 标签，width 属性控制设备的宽度。假设您的网站将被带有不同屏幕分辨率的设备浏览，那么将它设置为 dev...
关于ckeditor在bootstrap中modal中弹框无法输入的解决方法
10-16
今天小编就为大家分享一篇关于ckeditor在bootstrap中modal中弹框无法输入的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
bootstrapdatetimepicker ff 浏览器 不兼容处理方法
JCY19890312的博客
09-28 845
1 、找到bootstrap-datetimepicker.js，         把里面的  this.defaultTimeZone = (new Date).toString().split("(")[1].slice(0,-1);         改为   this.defaultTimeZone = 'GMT '+(new Date()).getTimezoneOffset()/60
Bootstrap浏览器兼容性
热门推荐
我的web前端学习
01-16 2万+
说到浏览器兼容性，就不得不提国内的浏览器占有率现状，这也使得国内的前端工程师总是需要针对各式各样的浏览器做CSS Hack，倘若你想要通过使用Bootstrap来避免这些额外的编码，那你就错了。 自从推出了Bootstrap3以后，整个框架对于低级浏览器的兼容性更是不忍直视，所以如果你的项目牵涉到IE8、IE7，甚至是IE6，那么就可以好好考虑是否还要执着于Bootstrap3了（当然，
Bootstrap如何适配移动浏览器
dineng8547的博客
03-31 214
移动设备优先 1.由meta标签决定的 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 由于各个设备的分辨率不一样，为了能正常显示，所以把width设置为device-width，initial-scale确保网页加载时是1：1不会对页面进行缩放。 2.在移动设备浏览...
Bootstrap 3浏览器兼容性问题及解决方案
08-30
在本文中，我们将深入探讨Bootstrap 3的浏览器兼容性问题，并提供有效的解决方案。Bootstrap 3是一个流行的前端开发框架，主要用于创建响应式布局和移动优先的Web项目。由于其基于HTML、CSS和JavaScript，开发者可以...
BootStrap下拉框在firefox浏览器界面不友好的解决方案
01-19
以上这个链接在firefix浏览器打开就会发现里面有个小容器，而且下拉按钮样式很不友好 上谷歌查了一下 1.小容器可以利用select:padding:0 2.下拉图标可以利用background-image；-moz-appearance:none把下拉框的...
浅谈bootstrap使用中的一些问题以及解决过程
09-01
在实际使用中，可能会遇到一些问题，以下是一些常见问题及其解决方法。 1. **Bootstrap 模态框（Modal）问题**： 模态框是Bootstrap中一个常用的功能，它允许在页面上弹出浮动窗口展示信息。如果遇到模态框被遮罩...
bootstrap应用—浏览器博物馆.zip
09-06
在这个"浏览器博物馆"的项目中，我们将会深入理解如何利用Bootstrap的特性来创建一个具有吸引力且功能齐全的网站。 首先，Bootstrap的核心在于它的网格系统，这是一个基于栅格布局的系统，允许开发者轻松地创建多列...
vue+element在手机uc浏览器中的样式bug解决
qq_33239420的博客
08-29 1069
最近用vue+element写一个项目,一切挺顺利的,但是测试的时候用uc,夸克等浏览器有一个怪异的bug,其他浏览器正常. 奇怪的是明明写了背景颜色,但就是出不来,有时候背景颜色只出来一部分, 审查元素,背景颜色也是正常的,没有被覆盖掉, 更怪异的是滑动一下页面或者刷新一下页面,甚至点一下空白处,样式就出来了,真是奇葩的bug 我的解决办法:背景颜色直接因为是div套el-row,背景颜色卸载d...
C# 两窗体直接传参数
seanxiao的专栏
08-20 589
实现两个窗体直接传参数的方法很多，感觉挺难，其实真正的做了，也没有那么难。传参数方法一：把控件声明成为public的。方法二：借助一个中间类来实现。方法三：用public static声明要传送的变量方法四：用构造函数传。一般这四个方法就够了。例子如我做过的一个进销存软件，进货的时候要从货物信息中取得货物编号（用户不能输入编号）。而货物信息是另一个窗体，怎么实现点击获得
使用 bootstrap-table-vue.js 在浏览器中创建一个表格
最新发布
07-20
当使用bootstrap-table-vue.js在浏览器中创建一个表格，你需要按照以下步骤进行操作： 步骤1：引入相关的依赖文件 在HTML文件中，需要引入bootstrap、jQuery和bootstrap-table的CSS和JavaScript文件。你可以通过以下方式引入它们： ```html <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-table-vue@1.4.2/dist/bootstrap-table.min.css"> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap-table-vue@1.4.2/dist/bootstrap-table.min.js"></script> ``` 步骤2：创建HTML元素 在HTML文件中，创建一个包含表格的元素。例如： ```html <div id="table-container"> <table id="my-table"></table> </div> ``` 步骤3：初始化表格 在JavaScript中，使用bootstrap-table-vue.js初始化表格。例如： ```javascript $(document).ready(function() { $('#my-table').bootstrapTable({ data: [ {id: 1, name: 'John Doe', age: 25}, {id: 2, name: 'Jane Smith', age: 30}, {id: 3, name: 'Bob Johnson', age: 40} ], columns: [ {field: 'id', title: 'ID'}, {field: 'name', title: 'Name'}, {field: 'age', title: 'Age'} ] }); }); ``` 在这个例子中，我们通过`data`属性提供了表格的数据，通过`columns`属性定义了表格的列。 步骤4：运行代码 保存HTML文件，并在浏览器中打开它，你将看到一个使用bootstrap-table-vue.js创建的表格。 请注意，以上代码是一个简单的示例，你可以根据自己的需求进行更多的定制和配置。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值