Tutorial Desain Web Responsif #4 – Tag Viewport



BERLANGGANAN CHANNEL – ========== JavaScript untuk Playlist Pemula ========== ========== CSS untuk Playlist Pemula ======== == ========== HTML untuk Daftar Putar Pemula ========== ========== Ninja Net =========== = Untuk tutorial pengembangan front-end lainnya & untuk meningkatkan keterampilan pengkodean Anda, kunjungi – atau ========== Tautan Sosial ========== Twitter – @TheNetNinja – .

source

24 thoughts on “Tutorial Desain Web Responsif #4 – Tag Viewport

  1. This is what annoys me LOL. I have my meta tag set like this : <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> . Yet, when I go into my phone, I still have to pinch to zoom out a bit. I don't want to do this at all! What am I missing here?

  2. Hello ninja, I have a question
    what happens in HTML code when we click Desktop view in Chrome

  3. Thanks god for having vs code and other things! vs code takes care of <meta name="viewport"> itself. Kudos Microsoft! You are on the right path!

  4. Why do phones have a larger viewport than their actual viewport? Why does that happen?

  5. Hey Ninja, I pasted that same code between the heads and half my .html goods migrated to the left and the other half remained. little help please ty

  6. because of this video, i found my problem, that is why my @media at css wont work, because i didnt type that viewport on html..
    thanks man

  7. This just wasn't clear for me.
    You made it look as it you only need to add that meta tag to the head section and it will automatically make the website and it's content responsive. I know you didn't mean it to sound that way, but it did.
    Anyway, why do we need to use this meta text if we are using media queries and other responsive css? I still don't quite understand what this meta text is for…

  8. All this time I thought "device-width" was "device minus width". Thank you, Sensei, for correcting me on that and explaining the viewport.

  9. i wrote this after head
    <meta name="viewport" content="width=device-width"> with or without.. />
    </head>
    didn't work at all clear broswer cache tried on different browsers but no luck what is wrong with it?

  10. Hello, I got a question about the viewport tag. You said that you need to think about to put <meta name="viewport" content="width=device=-width"> before your beginning your website. But now i need to make a existing css page responsive. What to do? Just fill the meta in the head ? grrrtz

Leave a Reply

WeCreativez WhatsApp Support
Mau order atau ada yang mau ditanyakan?, Chat langsung aja sama Admin.
? Hallo, ada yang bisa dibantu ?