为什么在浏览器上移动的框和图像在this video中调整大小？更改浏览器位置的HTML元素调整大小

这里是我的代码：

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

2012-07-24 Michael Grigsby

因为...

它的设计是灵活的。

如何使

根据this other answer：

为你的页面的尺寸和元素，而不是基于像素

使用百分比宽度。

使用em代替字体大小而不是px或pt。

尽量不要使用图片进行导航，或者如果你这样做，使用滑动门方法使它们可扩展。阅读：#1。

阅读液体布局：#2或#3。

走得更远

如果您想了解更多关于这一点，我推荐这本书：

Responsive Web Design由伊桑马科特。

enter image description here

来源

2012-07-24 18:37:28

我会阅读这些文章的。谢啦。 – 2012-07-24 18:45:22

我试图做的，虽然你可以从视频中知道是偏移了几英寸左侧的边栏，并使其固定。这是可能的液体布局？ – 2012-07-24 18:48:12

当然可以。如果您正在使用Bootstrap：[Fluid Grid System]（http://twitter.github.com/bootstrap/scaffolding.html#fluidGridSystem）和[Static navbar]（http://twitter.github.com/bootstrap/components。 HTML＃导航栏）。 – 2012-07-24 19:01:48

因为它们连接到其容器的底部（body标签也许？）

使用 “顶：###磅”，而不是 “底：175pt”。

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

<body> 

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

</body>

来源

2012-07-24 18:37:48 Xocoatzin

仍然无效 – 2012-07-24 18:48:21

需要看到您使用的HTML和CSS – Xocoatzin 2012-07-24 18:55:59

请记住它有点难看lol – 2012-07-24 19:00:32

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

回答

因为...

如何使

走得更远

相关问题