使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。

我希望这会对你有所帮助。