最近的一个项目 前台使用了 bootstrap.css + angularjs， 后台只处理数据（用的php，处理结果直接 json_encode($arr)，非常爽）。一直在Chrome的仿真机测试非常完美， 没有进行真机测试。完成后，到手机测试时傻了，左右滑动页面时，竟然出现了一个 空白的竖条（如下图所示）。判断是margin-right 设置的长度所致，检查css，并没有相关代码。看来问题出现在了 bootstrap 。虽然不影响 程序的使用，但是感觉非常别扭，一定要修复它。
检查页面，发现用栅格系统的页面才会出现此问题。检查.row相关的css，发现它的margin定义如下：
.row{
margin-left:-15px;
margin-right:-15px;
}
.row 一般作为 container的下级元素、作为 .col-xx-xx的上级元素。顺便查看下 .container 和 con-xx-xx的css：
.container{
padding-left:15px;
padding-right:15px;
}
.col-xx-xx{
padding-left:15px;
padding-right:15px;
}
.container 的所有元素 内边距 都有 15px 的距离，显得非常美观，.col-xx-xx 也设置了内边距 15px。这样就无法和 .contariner 的元素对齐了（.col-xx-xx相对于 .container的距离为30px），所以第一个栅格元素元素和最后一个栅格元素 需要分别设置为 {padding-left:0px;} 、{padding-right:0px;}。这样解决了对齐的问题，但是设置之后，虽然每个栅格的宽度一致，显示的内容的宽度又有了 15px 的差距。于是 FB 的天才们巧妙的 采用了 负数的外边框的 解决方案，不仅代码实现简单，还没有 每个 栅格 显示的内容的宽度不一致的问题。
虽然 负数的外边框 这种解决方案好，但是在小屏幕（移动端）会产生空白边框的问题（本文要解决的痛点）。定制bootstrap解决这个问题，但是太麻烦，最简单的方法就是复写相关的css。
/* 需要在 bootstrap.css 之后调用 */
/* Fuck 15px for iPhone Start */
.row{margin:0;}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{padding:0;}
/* Fuck 15px for iPhone Over */
成功解决，因为 栅格 没有了 padding，每个栅栏的 宽度一致，显示的内容的宽度也一致，和 contrainer 的元素也能对齐(注意：这个后果也很严重，就是每个栅格之间的内容都连在一起了，在内部的栅格重新定义内边距和内容居中即可解决)。
以上所述是小编给大家介绍的BootStrap.css 在手机端滑动时右侧出现空白的原因及解决办法，希望对大家有所帮助！
bootstrap右侧空白
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
3月27日消息，苹果宣布2024年全球开发者大会（WWDC）将于6月10日至6月14日举行，巧合的是，这次大会与端午假期重合。
苹果官方表示：
在线参加 Apple 每年规模最大的开发者盛会。亲眼见证 Apple 最新平台、技术和工具的发布。了解如何创建和改进你的 App 和游戏。与 Apple 设计师和工程师互动交流，与全球开发者社区建立联系。以上活动均免费在线举行。
探索各种新的工具、框架和功能，助力你打造出理想的 App 和游戏。通过视频讲座学习新技能，与 Apple 专家进行一对一会面，以推进你的项目，完善你的构思。
Swift Student Challenge 旨在支持和鼓舞下一代开发者、创作者和企业家。太平洋时间 3 月 28 日，我们将公布今年的获奖者名单。获奖者将有资格参加在 Apple Park 举办的特别活动。我们还会选出 50 名杰出获胜者，他们将受邀前往库比提诺，获得为期三天的非凡体验，包括参加 Apple Park 的特别活动。
RTX 5090要首发 性能要翻倍！三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB，每个模块容量为2GB。其速度预设为32 Gbps（PAM3），但也可以降至28 Gbps，以提高产量和初始阶段的整体性能和成本效益。
据三星表示，GDDR7内存的能效将提高20%，同时工作电压仅为1.1V，低于标准的1.2V。通过采用更新的封装材料和优化的电路设计，使得在高速运行时的发热量降低，GDDR7的热阻比GDDR6降低了70%。