Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/clojure/3.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 图像定位响应设计_Html_Css_Sass - Fatal编程技术网

Html 图像定位响应设计

Html 图像定位响应设计,html,css,sass,Html,Css,Sass,我正在尝试使用transform将一个图像放置在另一个图像的顶部: position: absolute; translate(65vw, -40vh); 当我调整视图端口的大小时,图像不会保持不变 当我调整视图端口的大小时,如何将一个小图像放置在一个较大的画布上并确保它保持不变 谢谢 若要定位图元,请使用“左”和“上”,若要将图元的中心定位在所需的点,请使用“平移”。试着这样做: position: absolute; left:65vw top:40vh; transform: trans

我正在尝试使用transform将一个图像放置在另一个图像的顶部:

position: absolute;
translate(65vw, -40vh);
当我调整视图端口的大小时,图像不会保持不变

当我调整视图端口的大小时,如何将一个小图像放置在一个较大的画布上并确保它保持不变


谢谢

若要定位图元,请使用“左”和“上”,若要将图元的中心定位在所需的点,请使用“平移”。试着这样做:

position: absolute;
left:65vw
top:40vh;
transform: translate(-50%, -50%);

什么意思?像固定位置?是的,我想把waldo放到where's waldo游戏板上。我决定把waldo放在游戏板上,因为我认为这比一直检查鼠标的xy坐标容易。现在,无论屏幕大小如何,沃尔多都必须呆在同一个位置。瓦尔多也是一个独立的形象。张贴你所尝试的,然后你可能会得到帮助。我有。Transform:Translate()我们需要一个完整的工作示例。