Αποτελέσματα Αναζήτησης
Here's a fix for the height. In your CSS use: #your-object: height: 100vh; For browser that don't support vh-units, use modernizr. Add this script (to add detection for vh-units)
How to set the height of an element using the VH measurement (viewport height)...
11 Σεπ 2024 · A CSS-only method to track browser window size in real-time. Improve your responsive designs without relying on JavaScript.
25 Αυγ 2021 · The full form of VH is viewport height. It works like the percentage unit as well. Specifying 10vh is equivalent to occupying 10% of entire visible screen height. Look at this demo to see how it works:👇.text { display: none; } .box { width: 300px; height: 50vh; /* display: none; */}
21 Ιουλ 2020 · It lets you make things a certain percentage of the height of your browser window itself—whether that “viewport” is a tablet screen, a phone screen (in portrait or landscape), a laptop, a desktop, a smart fridge(?), or what have you.
Code examples that accompany the MDN CSS documentation - mdn/css-examples
5 Ιαν 2024 · We'll demonstrate how using viewport height (vh) proves to be a superior choice compared to percentage and fixed units like px and rem. Our journey will be enhanced by leveraging the convenience of Tailwind CSS for seamless implementation.