Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Responsive 960 or 1200

Featured Replies

I usually make websites 980px wide for content and the a wide slider could extend fullscreen to maximum 2000px or more or less,

It doesn't matter,

Its an Art and you can do whatever you want that you think its appropriate.

 

Sometimes I will do a website 1040 px wide, and since its responsive it will work on 1024px Screens and less,

sometimes i will make a website 1080 px wide, its up to you,

but usually I like to use 980 px because its enough to add all the content the website needs and because bigger than 980px would not look nice with some designs.

  • 4 weeks later...

I am curious what the best option is (other than responsive) to let a site render nicely (without too much white space on left and right) on all desktops (everything from a 19" square screen 1280x1040 resolution to a 27" touch screen 1920/x1080 resolution). Will a viewport meta-tag help with this even though the site is not "responsive" In a strict sense?

I am curious what the best option is (other than responsive) to let a site render nicely (without too much white space on left and right) on all desktops (everything from a 19" square screen 1280x1040 resolution to a 27" touch screen 1920/x1080 resolution). Will a viewport meta-tag help with this even though the site is not "responsive" In a strict sense?

u need to use media queries along with viewport metatag

 

<meta name="viewport" content="width=device-width, initial-scale=1">

 

use %width for the width of containers

Edited by sash_oo7

%width containers I can get. If it is used, is this considered "responsive"? I thought media queries was considered "responsive. I was actually asking for a solution assuming the site is NOT responsive. Last question, can the viewport logically be used on a site that is NOT responsive and if so, what is it's result for larger screens - 27" w/ 1900x1280 resolutions? Thank you for your time.

If you are about to do a responsive web design, just one grid is not enough, you should take all the device resolutions into consideration.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.