使HTML DIV / P绝对位置适合任何屏幕

Question

我将PDF文件转换为HTML单个文件。当它成功转换为html时，文本位置与PDF中的位置类似（这很好）。 PDF的大小是8.5乘11，我的问题是当它被转换为html文本位于绝对定位时，所以当我在移动webview中查看它时文本溢出。

这里有人可以有类似的问题吗？如何使绝对位置div / p适合任何屏幕？我想让html内容看起来与pdf文件相同。

提前致谢。

Answer 1

HTML

<div class="Wrap">
      <div class="inside">
      </div>
    </div>

CSS

.wrap {
float:left;
position:relative
}

.inside {
float:left;
position:absolute
}

希望这个帮助

顺便使用百分比%的宽度

Answer 2

使用你的字体大小vw而不是px。如果你正在使用

h1 {
    font-size: 15px;
}

然后你必须使用

h1 {
    font-size: 4.5vw;
}

只有一次。不需要为每个媒体css写。

我希望这能帮到您。