Αρχείο κατηγορίας Css
Προσαρμογή iframe από συγκεκριμένες πηγές σε μέγεθος οθόνης
<script> document.addEventListener(“DOMContentLoaded”, function () { var videoIframes = document.querySelectorAll(‘iframe[src*=”youtube.com”], iframe[src*=”dailymotion.com”], iframe[src*=”vimeo.com”]’); videoIframes.forEach(function (iframe) { // Δημιουργία wrapper γύρω από το iframe, αν δεν υπάρχει ήδη var wrapper = document.createElement(‘div’); wrapper.style.position = ‘relative’; wrapper.style.width = ‘100%’; wrapper.style.paddingTop = ‘56.25%’; // Αναλογία … Συνέχεια
Media Queries
<meta name=”viewport” content=”width=device-width” /> @media (min-width:320px) { /* smartphones, iPhone, portrait 480×320 phones */ } @media (min-width:481px) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ } @media (min-width:641px) { /* portrait tablets, portrait iPad, … Συνέχεια