javascript - 绝对定位如何在不同分辨率下的电脑正常显示位置？

问题描述

问 题

绝对定位的父级元素已经相对定位了，但是在不同分辨率的电脑下，绝对定位还是会错乱，大家有什么好的解决方法么？
（之所以用绝对定位是因为项目是一个活动页面，有不同的按钮 位置不一，不是要让某个元素居中之类的）
如果用媒体查询，但是要写很多分辨率下的css样式，感觉不太实际？绝对定位用像素和百分比都会错乱。
望有遇到过类似问题的大神指点一二！！！

这是不同分辨率下同一个绝对定位的div显示位置，笔记本电脑分辨率低 1360*768，显示的浏览器网页样式差不多为大屏显示器1920分辨率网页放大到150%左右的样子。

解决方案

直接写死中间内容区域的宽度（1000px或者996px或者其他的）
父容器（body或者div）用width:100%
对圣诞树（整棵树）也固定它的高宽
最后对礼物做相对定位处理
这样的界面应该不适合去做适配和响应式（不是大牛....只是个人直觉）

这篇关于javascript - 绝对定位如何在不同分辨率下的电脑正常显示位置？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！