當網頁標準化後,只剩下寬度可設定100%,還蠻懷念以前高度100%的時候,其高度100%老實說還蠻方便的,且有存在的必要性,真不知為何到了標準化後,就取消了此功能。
真的令梅干桑百思不得其解,有沒有什麼方法可以實現高度百分百,網路上也有不少的文章則是採用javascript的方式,但總覺得只是一個高度100%要這麼的大費周章,於是梅干桑靈機一動,終於實現了直接透過CSS設定,就可以完成高度100%的夢想了,且在IE6、IE7、Firefox2.0~3.0的環境下皆可正常顯示。
方法很簡單只要在*{}中將height設定為100%就可以實現高度100%的夢想了。
*{height:100%;}
body {margin:0;}
[範例預覽]
Switch《寶可夢 Z-A》好啦魷怎麼進化?翻轉螢幕即可進化成烏賊王
Cloudflare Drop 拖曳就能部署網站,還可綁定網域與SSL
線上象棋對戰遊戲室|免註冊立即入座,真人即時對戰
樹莓派系統安裝教學|設定 Raspberry Pi OS、SSH 與首次登入
自製 GA4Exact 外掛,讓 WordPress 後台直接查看 GA4 分析報表
解決 WooCommerce Checkout Block 導致金流模組無法顯示的問題