響應式屏幕問題

大家好，我已經測試了我的新網站，看起來像其他分辨率的網站並不能很好地工作。響應式屏幕問題

這是第一張照片（1920×1080）

而第二屏（1360x768x）

我還添加了一些媒體查詢，但仍然無法正常工作。

@media only screen and (max-width: 1200px) { } 
@media only screen and (max-width: 959px) { } 
@media only screen and (min-width: 768px) and (max-width: 959px) { } 
@media only screen and (max-width: 767px) { } 

@media only screen and (min-width: 480px) and (max-width: 767px) { 
.checkbacksoon p span { font-size: 150px; line-height: 160px; }.error {font-size: 14px;}.search {width: 220px;} 
@media only screen and (max-width: 479px) { 
.checkbacksoon p span { font-size: 150px; line-height: 160px; }.error {font-size: 14px;}.search {width: 220px;}

來源

2015-11-17 OwnarDoz

不知道你的html和整個樣式表是如何看起來很難分辨出是怎麼回事。 – chrona

這裏是[CSS]（http://pastebin.com/ddRHVGVa）代碼 – OwnarDoz

你可以發佈你的HTML/CSS有關你的問題或提供一個工作的例子嗎？ – Iecya

我猜測你的對象，這些數字在絕對定位...

試着做那個大箱子集裝箱

position:relative

這至少應該保持它的裏面。

來源

2015-11-17 15:40:55

不，沒有工作。 – OwnarDoz

你可以做一個小提琴，或張貼一些實際的代碼來看待呢？我可以通過這種方式進行更有教育的猜測 –

我的建議是研究一個叫做「Bootstrap CSS」的東西，以便讓你的網站在所有屏幕分辨率和屏幕尺寸上兼容。

http://getbootstrap.com/css/

道歉，我的回答是極其模糊，只是想幫助:)

希望這有助於

蘇海爾。

來源

2015-11-17 16:20:48

響應式屏幕問題

回答

相關問題