No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    how to change or config body class from desktop no-touch to mobile touch?

    Framework
    2
    7
    1072
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • L
      layola last edited by

      how to change or config body class from desktop no-touch to mobile touch?

      where can I find document about that ? I can’ find from quasar.conf.js

      thanks .

      1 Reply Last reply Reply Quote 0
      • L
        layola last edited by

        alt text

        alt text

        1 Reply Last reply Reply Quote 0
        • s.molinari
          s.molinari last edited by

          Although I have no clue about what you are asking, there is the ability to tell what platform the user is on.

          https://quasar-framework.org/components/platform-detection.html

          Use that to dynamically change, whatever it is you want to change, maybe…

          Scott

          1 Reply Last reply Reply Quote 0
          • L
            layola last edited by layola

            hi ,@s.molinari,

            sorry for my question ,what I ask is not how to detect platform, and

            what I want to ask is how to suit for mobile view ,instead of on pc ?

            follow the docs: quasar init myproject , and quasar dev , default is pc view?

            how to change to mobile view ? may be add some parms after quasar dev ?

            quasar dev --mobile? quasar dev --pc?

            hope you can understand what I ask ,thanks

            1 Reply Last reply Reply Quote 0
            • L
              layola last edited by layola

              alt text

              may be have image show what I want is better idea.

              1 Reply Last reply Reply Quote 0
              • L
                layola last edited by

                oh,
                initial-scale=1

                <meta name=“viewport” content=“user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width”>

                that’s what I want ,hope can help some one else.

                1 Reply Last reply Reply Quote 0
                • s.molinari
                  s.molinari last edited by

                  Quasar uses the Flexbox css system.

                  https://css-tricks.com/snippets/css/a-guide-to-flexbox/

                  Scott

                  1 Reply Last reply Reply Quote 0
                  • First post
                    Last post