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

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

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

在此先感谢。

来源

2013-02-28 user1828473

嗨，你可以用'相对位置'包装你的'绝对** ** div ** – jhunlio 2013-02-28 04:52:00

实际上，现在所有具有绝对定位的DIV都位于父亲相对位置DIV内。我想根据屏幕调整设备的宽度和高度（就像在任何设备上查看pdf一样）。我不想保留918x1188（这是父亲相对DIV的像素大小）。可以说我有一个2x3英寸的设备，我想“整个”页面呈现... – user1828473 2013-02-28 10:41:30

*我想调整父DIV的宽度和高度基于屏幕 – user1828473 2013-02-28 11:16:43

HTML

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

CSS

.wrap { 
float:left; 
position:relative 
} 

.inside { 
float:left; 
position:absolute 
}

希望这有助于

的方式使用百分比%的宽度

来源

2013-02-28 05:05:06 jhunlio

使用您的字体大小vw代替px。如果您正在使用

h1 { 
    font-size: 15px; 
}

，那么你必须使用

h1 { 
    font-size: 4.5vw; 
}

只有一次。无需为每个媒体CSS编写。

我希望这会帮助你。

来源

2018-03-05 10:15:48 Sam

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

回答

相关问题