更改浏览器位置的HTML元素调整大小

时间:2012-07-24 18:32:13

标签: html css layout responsive-design

为什么在浏览器上移动的框和图像会在this video中调整大小?

这是我的代码:

style="width: 98pt; position: fixed; left: 112pt; bottom: 175pt"

2 个答案:

答案 0 :(得分:3)

因为...

它的设计很灵活。

如何制作

根据this other answer

  
      
  • 使用基于百分比的宽度来表示页面和元素的尺寸,而不是像素。

  •   
  • 将em用于字体大小而不是px或pt。

  •   
  • 尽量不要使用图像进行导航,或者如果使用图像,请使用滑动门方法将其展开。请阅读:#1

  •   
  • 了解流动布局:#2#3

  •   

进一步

如果您想了解更多相关信息,我推荐这本书:

Ethan Marcotte

Responsive Web Design

enter image description here

答案 1 :(得分:0)

因为它们附着在容器的底部(身体标签可能?)

使用“top:### pt”而不是“bottom:175pt”。

我认为最好指定它的高度。

<body>

  <div style="position:fixed; top: 50px; left: 50px; width: 100px; height: 100px;">content</div>

</body>