關於JS全頁滾動佈局的響應問題

Question

我在這個網站上工作，一切正常，直到我開始測試響應式設計。

內容被削減了很多。網站鏈接：http://ciesseprogettazioni.netkom.it/

我該如何防止這種情況，以及如何讓內容真正響應？

我想使用VH設置高度，因爲這個WordPress插件爲每個可滾動部分設置100VH。

任何想法？我是否應該使用％來使內容真正響應？

Answer 1

當頁面寬度變小時，許多元素都會消失。從一瞥中我看到你的一些元素已經設置了高度，寬度等（在px中）。提高響應度的一個步驟是使用敏感單位，如em，vh，％。

您還可以使用@media屬性來更加精確地瞭解您的網站在cetain寬度下的行爲。在你的CSS

<meta name="viewport" content="width=device-width, initial-scale=1" /> 

像這樣的東西：要做到這一點，你應該在你的HTML頭使用

@media (min-width: 320px) and (max-width: 567px){ 
    #selector{ 
    css:value;} 
} 

上面的例子可以讓你修改任何你想要的，一旦屏幕尺寸之間320px和567px。

我建議一次嘗試解決一個問題，並用標記代碼記錄您的問題，以及您試圖使其工作的是什麼。如果你不把工作交給他們，人們會非常熱心的幫忙。現在您的問題立即顯示：我遇到問題，請爲我解決問題。