html - 绝对div可以在响应式设计中使用吗

标签 html absolute image-scaling responsive-design

我已经开始设计一个摄影网站,我在左上角包含了一个绝对定位的标志。该区域由绝对定位的 div 和 div 内的图像组成。

我想知道我是否可以制作绝对定位的 div 和 Logo ,根据屏幕尺寸缩小。

有没有人可以帮忙?这是链接,因此您可以看到我正在处理的内容:

http://www.photographybytaraandclaire.com/newsite/index.html

最佳答案

在处理响应式设计时,您应该使用百分比。

如果您想计算 Logo 的宽度百分比,您可以使用。

Logo width / Wrapper width * 100

wrapper 宽度是设计中 wrapper 的宽度,而不是整个页面的宽度。

关于html - 绝对div可以在响应式设计中使用吗,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8167544/

相关文章:

css - 如何让绝对元素根据父高度自动调整大小?

css - 在 Chrome 27 及更高版本中使用纯 CSS 按高度动态缩放图像

html - 初学者在 Bootstrap 中与平板电脑大小的图像网格作斗争

android - 如何旋转或缩放ImageView的图像?

javascript - 如何制作包含多列选项的选择列表

javascript - 从 : left, 右、上、下悬停的不同悬停效果

javascript - JavaScript 中的求和函数

javascript - 用 Javascript 在棋盘上画箭头

css - 在绝对定位的 div 中垂直对齐文本

html - 如何将 div 放置在页面的最底部?