Html Div占用的空间比它多';它的最大媒体像素应该是468
zoomimg设置为宽度:145px;高度:145px;但是它把假定在它的父对象中的文本从父对象中推出 Zoomimg ProjectKort divs是要查看的Html Div占用的空间比它多';它的最大媒体像素应该是468,html,css,Html,Css,zoomimg设置为宽度:145px;高度:145px;但是它把假定在它的父对象中的文本从父对象中推出 Zoomimg ProjectKort divs是要查看的 .projectkort{ margin: 10px 0px 10px 0px; width: 100vw; height: 150px; background-color: white; border-radius: 0px; } .zoomimg { margin: 5px; width: 145px;
.projectkort{
margin: 10px 0px 10px 0px;
width: 100vw;
height: 150px;
background-color: white;
border-radius: 0px;
}
.zoomimg {
margin: 5px;
width: 145px;
height: 145px;
transition: all .3s ease;
opacity: 1.0;
position: relative;
overflow: hidden;
}
它在这里是实时的->只为较小的移动断点将“溢出:隐藏”添加到projectkort类中
盒子里的东西比容器宽,所以它们溢出来了。一旦我在父projectkort类中添加了overflow:hidden,mobile上的溢出就消失了。projectkort中的html是什么?碰巧是一张桌子吗?由于某些原因,我无法上传html,但这里有一张图片。你也可以访问tsuts.tskoli.is/2t/2809984199/skapalon并查看源代码。我似乎不工作,唯一发生的事情是文本消失了,zoomimg似乎仍在使用UPP100vw。在你的第一个移动断点-添加:溢出:隐藏!重要的;去projectkort班
@media screen and(max width:768px){.projectkort{overflow:hidden!important;}}
同样,文本消失了,但我需要文本在projectkort父级中,因为它工作正常,只是不正常,似乎没有人知道该怎么做。我已经邀请了大约10个人去看一看,没有人能看到到底发生了什么。如果你进入chrome并检查页面,zoomimg会占用将文本向外推的空间,它的宽度设置为140px,仍然会占用projectkort内的所有空间。它可能与菜单或col div有关,但我所做的一切似乎都无法修复它。