使用HTML和css的響應式拆分屏幕

我是網頁設計的新手。什麼是HTML和CSS來創建簡單的分屏界面？使用HTML和css的響應式拆分屏幕

2016-03-05 nafri

作爲一個「網頁設計新手」是不足以讓人們爲您提供免費網頁設計服務的理由。此外，你的問題還不清楚。請參閱[幫助]（http://stackoverflow.com/help）部分以瞭解如何在本網站上提問。 –

說明與否不會改變它。你應該學習網頁設計，直到你應該能夠制定可回答的問題。你應該閱讀網站的規則。 –

我不認爲這是無法回答的。 @AndreiGheorghiu – nafri

在我看來最好的辦法，假設你的意思頁面有兩列將有兩個div像這樣：

<html> 
<head> 
<style> 
#header {width: 100%; height: 100px; background-color: red;} 
#col-1 {width: 50%; float: left; height: 400px; background-color: green;} 
#col-2 {width: 50%; float: right; height: 400px; background-color: blue;} 
/* Height can be changed but width cannot */ 
</style> 
</head> 
<body> 
<div id="header"><h1>This is a header</h1></div> 
<div id="col-1"><h1>This is half of a page</h1></div> 
<div id="col-2"><h1>This is another half of a page</h1></div> 
</body> 
</html>

下面是一個代碼筆： http://codepen.io/anon/pen/zqvyYp?editors=1000

*由於這使用百分比的寬度，這將是響應

來源

2016-03-05 18:10:57

我回答了他的問題，他說這很有效，所以這並不意味着人們應該投我的答案，因爲他沒有那麼好地說出來。 –

她*。它在一定程度上解決了我的問題。我不明白爲什麼你會拒絕投票。這是我的+1。歡呼聲 – nafri

對不起，我給你打了個電話，你有時候不知道，謝謝你給我答案。根據我對這個網站的經驗，你會發現很多人會對你感到酸。 –

使用HTML和css的響應式拆分屏幕

回答

相關問題