HTML CSS放大缩小不一致咋办啊

HTML CSS放大缩小不一致咋办啊
页面放大缩小不一致
代码图片
页面图片
想把连接到数据库的html跟css在网页放大缩小的时候固定比例 而不是乱跑

上面有个很小的homeless html的
图一图二位置不一样

这个影响到了吧

你的元素不要相对窗口定,要相对父元素定位
你把完整代码发一下

relative放错位置了

根据题主的信息，看出两个页面截图中，文字显示为homeless的单选框(radio)发生了非预期的位移。
homeless单选框的的样式，被选择器#theRadios span:first-child控制，采用相对定位，受文档流影响的同时也受top,left属性影响。但是，这里有个矛盾之处——如果使用了top属性，那么bottom属性将不会生效，猜测这里设置bottom属性是为了相对于父元素底边定位。
发生位移的可能不是homeless单选框，外层嵌套的元素可能发生了位移，也有可能存在样式污染，由于信息有限无法准确判断。
建议：先逐层检查父级元素有没有发生位移，如果有，定位好父元素，如果无，检查是否存在样式污染。另外子元素在父元素中的定位方式，建议采用弹性布局，父元素大小固定。

是你给homeless设置了绝对定位，它始终距离 top:272px;left:646px
不用这种绝对定位就好了

你这个完全是绝对定位 top:272px;left:646px 造成的问题，你这个绝对定位用的是固定值，在不同窗口的大小下，由于你这个是固定值，无法变化，所以就会出现你看到的乱跑现象，这种，你要么不要给他做定位，要么要使用百分比的方式