How I can make a webpage for both pc and mobile?

Question

I want to make a webpage which is open in desktop and mobile. some days before I have made a webpage in computer this was open in chrome browser but this webpage not open in my android mobile please suggest me...

Answer 1

bootstrap grid system is best option.

Answer 2

If your webpage is open in your Chrome browser and you want to see how it looks on an Android, how can click on the menu (the three little dots in the top right corner), go down to "More Tools," and then click on "Developer Tools."

Now your screen will be split into two halves. Along the top toolbar, a little to the right of the center of the screen, will be an icon with a picture of two devices, a phone and a tablet. That icon toggles the "Responsive Mode."

Basically, when you click that, the left side of the screen will change to look and act like an Android phone.

An alternate way to access this setting is by pressing Ctrl+Shift+I, then click somewhere on the left side of the screen. Now press Ctrl+Shift+M to activate the mobile device emulator.

As others have said, to make a webpage look good on both PC and phone, you need to use "Responsive Design." To learn more about that, I'd suggest this article: http://www.creativebloq.com/responsive-web-design/get-started-5132987

If you'd like an automatically responsive site, I'd suggest checking out Bootstrap "http://getbootstrap.com".

Here's a brief guide on getting started with Bootrap: http://www.w3schools.com/bootstrap/bootstrap_get_started.asp

And most of all, just have fun making a webpage!

Answer 3

u need to learn boostrap & css media queries & u can make a responsive design

Answer 4

using bootstrap libraries with html and jquery ...u can make websites that can fit in any resolution

Answer 5

Use WordPress. it automatically fits your website for any device👍

Answer 6

see my work http://www.what2w.com it's completely responsive website.

Answer 7

Bootstrap's libraries are very useful and have attributes for your elements that will fit to any device's resolution

Answer 8

check for responsive web design

Answer 9

For that you will need to study responsive design.

Answer 10

Use bootstrap or flexbox and optimize for lower resolution screens

Answer 11

You are referring to what is known as responsive design. For this you can use Bootstrap (CSS Framework) or if you completely code it yourself make use of media queries which allow you to adapt elements layout to screen size / device width.

Answer 12

use, bootstrap framework

Answer 13

Put your files on cloud so you can have access with any device or publish your page . If the page is look different on devices is because the screen is different. For this you should study responsive design.

Answer 14

for make responsive website use bootstrap framework . responsive site support all device s like pc tablet android phone...

Answer 15

easily use the bootstrap framework

Answer 16

if u learn bootstrap and css u can build easily responsive website the bootstrap has many useful method u can use in your website.

Answer 17

use bootstrap.css which will be easy to use
or use
vh for height
vw for width
vmax for max width and height
vmin for min height and width
use less px

Answer 18

Use bootstrap sample.It's a simple way to design web pages for any devices

Answer 19

If You want use Seperate pages for device you have to do it via .htaaccess file and php , if you want show some appearance change for different devices you should do it via css3 and @media codes !

Answer 20

use angularjs material design or use responsive theme (which you need to buy or get for free, as per your need).