Making a Mobile friendly website [closed]

by

I appreciate you taking the time to try and better your understanding of the web, however I’d like to ask that you take some time to write thoughtful grammatically correct questions in the future.

That being said:

Yes, it is done in html, javascript, and css as is everything on the web. You can do it yourself using the “screen” Media Query or you can use frameworks such as Bootstrap or Foundation which allow you to build mobile friendly websites in a very easy and intuitive fashion.

The screen media query allows you to apply css based on the size of
the screen.

Example (click full page to see change):

button{
  font-size: 30px;
}

@media screen and (max-width: 700px) {
        button{
            font-size: 12px;

        }
    }
<button>Test</button>

If you’re interested and becoming a better mobile developer; I’d recommend that you download one of these frameworks, follow a few tutorials, and play around with them for a bit, and then once you’ve seen how they work try writing your own simpler version using the css media queries.

More Related Contents:

  1. Want to make a multi page navigation menu “HTML, JS, jQuery, Bootstrap” [closed]
  2. How could I make a calendar? [closed]
  3. how to make outer lengthy text wrap around & scroll through a fixed/floating without hiding some text behind that [closed]
  4. How can this page scroll (it doesn’t work properly)?
  5. Is it possible to apply CSS to half of a character?
  6. How to modify style to HTML elements (styled externally with CSS) using JS?
  7. How to use Checkbox inside Select Option
  8. Render HTML to an image
  9. className only changing every other class
  10. How to save image from canvas with CSS filters
  11. How to compare colors in JavaScript?
  12. focus doesn’t work in IE
  13. How to get all the applied styles of an element by just giving its id?
  14. How to develop Desktop Apps using HTML/CSS/JavaScript? [closed]
  15. How to add background-image using ngStyle (angular2)?
  16. Change the style of an entire CSS class using javascript
  17. Scale a div to fit in window but preserve aspect ratio
  18. How to open specific tab of bootstrap nav tabs on click of a particuler link using jQuery?
  19. css position absolute making the textbox go down
  20. jQuery in Chrome returns “block” instead of “inline”
  21. How do you float elements without a vertical gap?
  22. Trigger CSS Animations in JavaScript
  23. Dynamically change the size of the font size based on text length
  24. Detect browser wrapped lines via javascript
  25. How can I dynamically highlight strings on a web page?
  26. Google’s Imageless Buttons
  27. Detect if dropdown navigation would go off screen and reposition it
  28. Iframe inherit from parent
  29. How to apply background-color to a selected option?
  30. Get All Elements in an HTML document with a specific CSS Class

Leave a Comment