響應式網頁設計HTML5應用程序的高度單位

嗨，我該如何在響應式設計html5項目中設置網頁元素大小？一段時間以來，我一直在尋找buggin％，但如果父母的身高超過屏幕大小，我就陷入困境了吧？我發現vh和vw和vmax都像魔術一樣，但很不幸，許多瀏覽器都不支持這個單元（例如：Android 4.2的WebView沒有）我使用的是什麼單元呢？還是有一些製作對象的方法根據屏幕的高度或寬度是否有高度？或者有沒有一種方法可以在android中使用WebView支持vh和事物？爲了說明這一點，讓我們說，我想某事看起來像這樣（目前像單位VH製造）：響應式網頁設計HTML5應用程序的高度單位

http://tagari-group.ir/RESPONSIVE/

enter image description here ：|我讀了一個地方，我不應該設置高度，讓內容決定，但這就像至少有4個尺寸的每張圖片:(！

任何soloutions？框架如何像bootstrap或基礎或sencha確保它們的元素的高度都不錯 注：？！我不想使用框架，如引導或基礎

來源

2015-01-07 behzad.robot

雖然我仍然在等待一個可能更好的答案，我發現一個小竅門使用jQuery：

<script> 
    var screenHeight = window.innerHeight; 
    var screenWidth = window.innerWidth; 
    var boxWidth = 0.8 * screenWidth + 'px'; 
    var boxHeight = 0.4 * screenWidth + 'px'; 
    $(".box").css({width:boxWidth,height:boxHeight}); 
</script>

來源

2015-01-07 17:40:26

響應式網頁設計HTML5應用程序的高度單位

回答

相關問題