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

Question

我将PDF文件转换为HTML单独文件。当它成功转换为html时，文本位置与PDF中的位置相似(这很好)。PDF的大小是8.5 * 11，我的问题是，当它被转换成html文本定位在绝对定位，所以当我在移动网络视图中查看它的文本溢出。

这里有人有类似的问题吗?如何使绝对位置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。