Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html I';我试图定位一个图像,使其在不同的屏幕尺寸上具有相同的位置_Html_Css_Image - Fatal编程技术网

Html I';我试图定位一个图像,使其在不同的屏幕尺寸上具有相同的位置

Html I';我试图定位一个图像,使其在不同的屏幕尺寸上具有相同的位置,html,css,image,Html,Css,Image,首先,我在这里查看了各种解决方案,但没有一种对我有效。 我的问题是,我试图定位这个小图像,但它会用不同的屏幕大小改变它的位置。 我试着把它放在一个相对位置的div中,并给图像一个绝对打开,但它仍然不起作用。 守则的一部分: #容器{ 位置:相对位置; 保证金:0; 填充:0; } .logome{ 最高:20%; 右:28%; 位置:绝对位置; } 我认为您应该使用: @media only screen and (max-width:483px) and (min-width:310px)

首先,我在这里查看了各种解决方案,但没有一种对我有效。
我的问题是,我试图定位这个小图像,但它会用不同的屏幕大小改变它的位置。
我试着把它放在一个相对位置的div中,并给图像一个绝对打开,但它仍然不起作用。
守则的一部分:


#容器{
位置:相对位置;
保证金:0;
填充:0;
}
.logome{
最高:20%;
右:28%;
位置:绝对位置;
}

我认为您应该使用:

@media only screen and (max-width:483px) and (min-width:310px)
{
  .What you need to resize{
 }
 .Wht you need to resize{
 }
}

我发表了一些评论,但我觉得我应该进一步阐述一下

问题在于基于百分比的位置值。百分比将随父对象的大小而缩放。如果将其设置为左侧25%,无论父对象的大小,它都将始终尝试左侧25%

但是,对于像素位置,当设置为25px时,元素将始终尝试向左移动25px

示例-抱歉,它看起来很糟糕,但它说明了问题所在

编辑相关

.a{
显示:块;
位置:相对位置;
宽度:200px;
高度:200px;
边框:1px纯红;
}
a.b{
宽度:500px;
高度:600px;
边框:1px纯绿色;
}
c{
位置:绝对位置;
最高:25%;
左:25%;
显示:块;
宽度:50px;
高度:50px;
边框:1px纯蓝色;
}
博士{
位置:绝对位置;
顶部:25px;
左:25px;
显示:块;
宽度:50px;
高度:50px;
边框:1px纯蓝色;
}


使用不同尺寸的max和minI无需调整大小。我只需要它在每个屏幕上都有相同的位置。@RumenLasev您的示例在每个屏幕上都有相同的位置,至少在左上角有。宽度是可变的@MrListener,是的,但是如果您需要在不同的屏幕上有相同的位置,你必须调整图像的大小…@MrLister我已经在一个网站上测试了它,显示了它在不同屏幕大小上的外观,但在我看来并不相同。我应该发布整个网站的链接吗?当在一个位置使用百分比时,它将根据容器的大小移动。试着用像素代替。但这不是使用百分比的全部意义吗?基于屏幕大小,它有相同的位置?使用像素不是正好相反吗?对不起,我还是个新手。看看这个
.c
对于每个父div具有完全相同的位置属性,但位置不同。但是如果您查看此
.d
的位置值不是基于百分比的,而是彼此处于相同的位置,而不考虑其父div。因此,在本例中,“父div”是屏幕?因为我有点困惑。我想我理解你的意思。所以,我应该使用px而不是绝对位置的百分比,它可以在所有屏幕大小上工作?