Html 如何阻止我的div在其他计算机上移动

Html 如何阻止我的div在其他计算机上移动,html,css,Html,Css,在我的网站模板上,我的div在屏幕上看起来很好。但是,如果我在浏览器下还原或在另一台计算机上查看,div将被移动。 有没有什么标签可以让我的潜水艇保持原位 //div示例 #divtest{ width:450px; height:75px; margin:20px; margin-top: 150px; display:flex; border-width: 2px; border-color: black; border-sty

在我的网站模板上,我的div在屏幕上看起来很好。但是,如果我在浏览器下还原或在另一台计算机上查看,div将被移动。 有没有什么标签可以让我的潜水艇保持原位

//div示例

#divtest{
    width:450px;
    height:75px;
    margin:20px;
    margin-top: 150px;
    display:flex;
    border-width: 2px;
    border-color: black;
    border-style: solid;
    margin-left: -7%;
}

CSS中几乎所有内容都是以像素为单位指定的,除了左边距是以%为基础的。此处的%是窗口的实际宽度。也许您可以通过使用px值而不是%值来获得希望的结果。

您需要为将使用您的网站的不同分辨率/设备创建媒体查询

您可以做的另一件事是不依赖“px”单位,而是依赖“%”或“vh”表示高度,依赖“vw”表示宽度


我想你问的对吗?

欢迎来到Stack Overflow!这个问题要么过于宽泛,基于观点,要么需要讨论,因此对于堆栈溢出来说是离题的。如果您有一个具体的、可回答的编程问题,请提供完整的详细信息。