2017-04-25 48 views
-4

嗨,我是很新的HTML和CSS編碼和我一直在試圖教我,但我在努力這樣說我已經能夠創建至今這樣的:問題與調整在我的網站

https://dimensionmediaml.000webhostapp.com/

現在我遇到的問題是,只要在特定尺寸的顯示器上使用該網站,但其尺寸更小(無法測試任何更大尺寸的內容)並且網頁元素最終顯示看起來像他們在錯誤的立場

該網站已被證明工作在1920 x 1080的分辨率

任何幫助將非常感激

我再一次很新的這所以請耐心等待我:) 我附上下面的代碼和之前人們對我撕裂了把引導代碼進入CSS片,它是讓元素上傳網站服務器

HTML和CSS時,我的顯示器上正常顯示的唯一途徑:

https://drive.google.com/drive/folders/0B_-tn2aR7tHXakZZQ1FleHVveDg?usp=sharing

+0

您可以在一個搜索引擎響應式設計搜索。 – Troyer

+0

添加(僅)問題中的相關代碼。 –

回答

-1

使用寬度,高度,頂部,底部等百分比永遠不會解決您的問題。你必須學習CSS3中的@media查詢。請訪問這個鏈接http://learn.shayhowe.com/advanced-html-css/responsive-web-design/

+0

答案應該站在自己的位置。請在答案中包含這些鏈接的信息。 –

+0

我建議他從上述鏈接學習響應式網頁設計。那麼我應該把所有的教程放在這裏嗎? – yadhu

0

你有Bootstrap,但你沒有用你的方式覆蓋CSS。複製你想要的樣式並創建一個新文檔,並將其命名爲custom.css,然後將其上傳到服務器上的css文件夾。下面是如何改變的代碼在你的HTML

<!-- Bootstrap Core CSS --> 
 
<link href="css/bootstrap.min.css" rel="stylesheet"> 
 
<!-- Custom CSS: You can use this stylesheet to override any Bootstrap styles and/or apply your own styles --> 
 
<link href="css/custom.css" rel="stylesheet">