2012-01-04 30 views
0

我正在製作一個小型網站,我對CSS很陌生,但是每當我改變我正在工作的網頁的大小時,沒有任何東西與它所顯示的屏幕大小相關。例如,如果我通過使右側的文本最大化並且現在位於瀏覽器的中心來增加瀏覽器的大小,我在右側有文本。如何保持按鈕,文本和圖像相對於屏幕/瀏覽器的大小?

我的一張圖片隨着網頁大小的增加而減小,拖動瀏覽器的角落。我在超鏈接列表,文本框或文本中使用相同的CSS代碼,根本不起作用。

我研究過高和低,我發現它的一些東西,但似乎沒有工作。我感到非常沮喪,我的網站也是本地的,所以我甚至不能分享鏈接。如果任何人不明白我的意思,我會嘗試重新解釋它很難解釋這個問題。針對圖像作品

代碼:

img { 
    padding-top:50px; 
    display: block; 
    margin-left: auto; 
    margin-right: auto; 
} 

另外,我想超鏈接移動到左上角,沒有分配他們的汽車,如果有差別,我也不能碰的HTML代碼,只是CSS。 (我正在做一個CSS測試,看看我是否能夠複製已經完成的網頁的圖像。我不是在做大學/大學的課程作業或測試的一部分,我是一名學生,但我作爲軟件工程師的工作安排,這是我自學的兼職作業)。提前致謝。

回答

2

可以使用百分比符號

例如:

img { 
    padding-top:50px; 
    display: block; 
    margin-left: 10%; 
} 
+0

#appNav { \t顯示:內聯塊; \t寬度:20%; \t位置:相對; \t top:10px; \t left:600px; } 對於我的超鏈接它不起作用。任何想法爲什麼? 編輯:現在修復,一些玩弄和刪除我的舊代碼,它的作品。非常感激。 – 2012-01-04 20:57:30

相關問題