html css样式错位,不同的浏览器显示的位置不一样

html css样式显示问题,edge和谷歌显示的位置不一样

edge

img

谷歌

img

容器宽度问题吧,第二张图页码和第一张不一样,容器宽度不够掉下来了

这个就是你没有做好网页大小兼容问题,不仅浏览器不同会导致错位,浏览器窗口的伸缩也会导致css错位
主要是样式高度和宽度你写死了才会导致这样的情况,一般处理方式有两种,一个是全局自适应,根据窗口大小自动调节,这样的话窗口大小不能写死一般采用百分比,还有就是做响应式,对常用的浏览器窗口大小进行样式调节css

兼容问题 尤其是内外边距的使用 会引起问题

您好,我是有问必答小助手,您的问题已经有小伙伴帮您解答,感谢您对有问必答的支持与关注!
PS:问答VIP年卡 【限时加赠:IT技术图书免费领】,了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632

兼容性问题了