How to create a proper webpage which fit on all devices? | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 11

How to create a proper webpage which fit on all devices?

24th Dec 2016, 6:00 PM
Divyanshu Pandey
Divyanshu Pandey - avatar
37 Answers
+ 6
1. responsive: html5, css3 is all you need. bootstrap added to the mix can save you a ton of time. if you have a basic understanding of html and css, take the time to read anoit @media queries and you will quickly figure it out. 2. dynamic serving: under utilized. if done correctly, can yeild a better designed and faster website(s) than responsive.
5th Jan 2017, 6:07 AM
Chris James
Chris James - avatar
+ 4
Every webpage should fit as all browser have a automated system of 'force fitting' a webpage into the screen. If you want, you can just make the user being able to manually zoom in/out of the webpage himself (should be a default system if I remember).
24th Dec 2016, 6:11 PM
Wen Qin
Wen Qin - avatar
+ 2
bootstrap
5th Jan 2017, 4:53 AM
Vara Prasad
Vara Prasad - avatar
+ 2
By creating RESPONSIVE WEBPAGES using BOOTSTRAP or MEDIA QUERY.
5th Jan 2017, 6:34 AM
Akshay Kapoor
Akshay Kapoor - avatar
+ 2
If u are familiar with HTML and CSS, i think that u can use media query to show all the HTML elements in the right way for specific resolutions. Bootstrap is a great choice too, it requires only a good understanding of the documentation and basic web development skills. If u are in a hurry with a website, consider using Wordpress, it gives u a lot of responsive designs.
5th Jan 2017, 11:47 PM
Robert Bertalan
Robert Bertalan - avatar
+ 1
#Boostrap! You can create portable websites by using this it will automatically resize depend on device . Download and try it
5th Jan 2017, 4:01 AM
Haza
Haza - avatar
+ 1
You can start by reading a beginners book on html, or taking a course on web design and/or programming.
5th Jan 2017, 4:30 AM
Marc Hauser
Marc Hauser - avatar
+ 1
Some possible solutions are: 1. Use CSS @media directives. 2 Use bootstrap. 3. Ensure that your layout isn't rigid. 4. Use CSS Frameworks like Blueprint.
5th Jan 2017, 1:49 PM
Banso D. Wisdom
Banso D. Wisdom - avatar
+ 1
Use 'width: number%;' under your CSS semantic section selectors.
5th Jan 2017, 9:15 PM
Marc Boutin
Marc Boutin - avatar
+ 1
Use word press theme or make it yourself its quite simple by alecaddd tutorial at youtube
27th Jan 2017, 4:36 PM
Animesh
Animesh - avatar
0
Just use bootstrap
5th Jan 2017, 11:06 AM
Oladipupo Oladayo
Oladipupo Oladayo - avatar
0
Learn HTML CSS and JavaScript tbh would be your first step. then learning web frameworks such as bootstrap or ruby on rails would be good too
5th Jan 2017, 4:07 PM
Brian
Brian - avatar
0
1) You can use html5 and css3 directly to make website responsive. or 2) You can use of "Bootstrap" if you are leaning then bootstrap is best option for you because bootstrap provide lot of inbuilt classes that you can you directly in your website to make it responsive... :)
5th Jan 2017, 6:37 PM
Miten Patel
Miten Patel - avatar
0
You can also just use CSS then assign sizes using % instead of px. For small screens and different orientations (landscape and portrait), use the media query (@media). That's when you don't want to use bootstrap
5th Jan 2017, 7:22 PM
Code Freak
Code Freak - avatar
0
HTML css JavaScript php SQL
5th Jan 2017, 9:32 PM
Nicolas Baha
Nicolas Baha - avatar
0
html would be good choice
5th Jan 2017, 10:51 PM
Majid
Majid - avatar
0
google+
5th Jan 2017, 10:55 PM
อาลุนไช เบี้ม ปะพาวันนา
อาลุนไช เบี้ม ปะพาวันนา - avatar
0
The technical term for that is "Responsive Webpage". In order to create a responsive webpage, CSS is the main thing that you need to put your hands on. We have media queries in CSS which can help you achieve that. Along with CSS, jQuery can help you as well. Using functions like height(), width() etc. can help you achieve your goal.
7th Jan 2017, 3:56 AM
Anmol Wassan
Anmol Wassan - avatar
- 1
Get someone else to do it. If that's not possible use WordPress. If you are not a fan of WordPress, craft it yourself using HTML, CSS & JQuery. You could use Bootstrap and Ajax too.
5th Jan 2017, 6:45 AM
Julian
Julian - avatar
- 1
Hey you make your own code using media queries for each and every type of device screen if you don't know the use of media queries than use bootstrap in that you get column and row wise separated css code for make partitions in Web page that automatically adjust according to device screen....
5th Jan 2017, 11:46 AM
Nitin Lal Chandani