还是padding影响的,不过是下面这个class的padding
- padding-left: 0.64rem;
- box-sizing: border-box;
老师,我跟着视频做练习,然后自己写了个页面,可是为什么左侧总有一像素白边呢?margin和padding都清0了,不知道是哪里出了问题!求指点!!
本帖内容针对以下视频发布:
还是padding影响的,不过是下面这个class的padding
2017年2月8日 2018-10-16 17:10发表的内容:
还是padding影响的,不过是下面这个class的padding
KevinBlack 2018-10-17 00:28发表的内容:
老师,我按照您说的把这两个样式去掉后,问题还是存在。不过有同学说是浏览器的关系,其实真机上是OK的,我也没在真机上测试过,不知道是真是假……2017年2月8日 2018-10-17 08:18发表的内容:
我这边去掉padding-left: 0.64rem;就行了,你把去了的代码发上来,我在这边测试下。2017年2月8日 2018-10-17 08:18发表的内容:
我这边去掉padding-left: 0.64rem;就行了,你把去了的代码发上来,我在这边测试下。KevinBlack 2018-10-17 10:14发表的内容:
另外就是我在模拟器下看,body始终比模拟器的宽度窄,这是为啥呢?那个1px应该是浏览器模拟手机自身的问题,我这边看是不会的,而且body还是正确的宽度,看下面我自己电脑的截图。
(function(){
var w = window.screen.width;
var targetW = 320;
var scale = w/targetW;
var meta = document.createElement("meta");
meta.name = "viewport";
meta.content = "user-scalable=no,initial-scale="+scale+",minimum-scale="+scale+",maximum-scale="+scale+""
document.head.appendChild(meta);
})();
targetW =320,
跟这个有关,假设在640px下,这个scale算出来等于2,那么页面就放大一倍了。所以body还是320px。320放大一倍就是640.
2017年2月8日 2018-10-17 11:03发表的内容:
那个1px应该是浏览器模拟手机自身的问题,我这边看是不会的,而且body还是正确的宽度,看下面我自己电脑的截图。
(function(){
var w = window.screen.width;
var targetW = 320;
var scale = w/targetW;
var meta = document.createElement("meta");
meta.name = "viewport";
meta.content = "user-scalable=no,initial-scale="+scale+",minimum-scale="+scale+",maximum-scale="+scale+""
document.head.appendChild(meta);
})();
targetW =320,
跟这个有关,假设在640px下,这个scale算出来等于2,那么页面就放大一倍了。所以body还是320px。320放大一倍就是640.
KevinBlack 2018-10-17 15:25发表的内容:
那如果到了iPhone6或者其他的不是320px手机时,这样做不就没意义了么?这跟写死了有啥区别呢?