使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絕對位置適合任何屏幕

回答

相關問題