Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [screen-resolution]

A screen's resolution is its size as measured by the number of components (usually pixels) it contains. Sample screen resolutions for PC monitors include 1280x800 pixels, 1024x768 pixels, etc.

5
votes
4answers
340 views

What is the best max-width content container in a website?

Following Bootstrap 3/4 or other frameworks, we have notice discrepancies in terms of max-width for the main content, for instance: In bootstrap 3 the max width of the container is 1170px In ...
1
vote
1answer
118 views

Menu sidebar height on small screen resolutions

I'm currently having a challenge on a SaaS I'm helping designing, regarding small screen sizes. That SaaS has a menu sidebar on the left as its main navigation, with 2 levels of navigation. The ...
1
vote
1answer
365 views

Which screen resolution is best for reading in 13 inch laptop? [closed]

I do work with a 13 inch laptop for reading and writing. Please suggest which screen resolution is best for eyes. Resolution: 1360 * 768 (16:9) or 1600 * 900 (16:9)
0
votes
1answer
50 views

Mobile design and images sizes problem [closed]

We are developing a mobile App for a website, we have a problem in scaling images for 2x and 3x mobile screens. The website allows users to upload images, and all images that were uploaded in the ...
2
votes
0answers
439 views

Surface Pro 4 Screen Resolution

Does anyone have any experience designing an app for the surface pro 4? The screen resolution is 2736 x 1824 which is pretty vast in comparison to some of the other resolutions I have designed for. I ...
0
votes
1answer
71 views

How representative is the number of people who resize their browsers?

When you build a responsive site, you have media queries. As long as the screen is more or less the size of common media queries, for example Bootstrap's defaults, a design will probably look as ...
1
vote
3answers
756 views

Question about Material Design dp and screen sizes

Apologies in advance for this complete noob question. I noticed that the Material Design website publishes device metrics at https://material.io/devices/ and includes screen dimensions in dp (density-...
0
votes
1answer
127 views

Horizontal vs. Vertical centric email signatures

When it comes to company signatures you can be forced to use their approved format which I understand. Outside of that, or where you have choice, are there considerations as far as horizontally or ...
0
votes
1answer
67 views

Creating artwork for display on 4K UHD video [closed]

I was asked to create artwork for a 4K UHD video and was only given dimensions: 4096 x 2160. This is my first time ever designing for the screen, so I apologize if this is a dumb question. When ...
0
votes
1answer
373 views

Visual designs for multiple screen sizes [duplicate]

We are designing a website for desktop and tablets, which needs to work for 1366x768, 1024x768, 1920x1080, 600x1024, 1600x900 - the most common resolutions as per Stat Counter Global stats in India. I ...
1
vote
2answers
146 views

For mobile app developer, which screen size is the most common one?

Currently, I'm designing a mobile app -using hybrid platform- for public use, and I'd like to know, which screen size I should use as my standard, so I can give the best user experience for my ...
1
vote
1answer
4k views

How to simulate screen resolution realistically when testing responsive Web UI?

I have tried to test our Web page in different resolutions with two different approaches: changing resolution on Web browser with Resolution Test extension for Chrome simulating mobile devices with ...
4
votes
1answer
490 views

Why are there only 6 official dpi resolutions while physical density varies per device?

When designing an Android application, dpi scale is used (from mdpi to xxxhdpi, as presented on material.io); but on https://material.io/devices/ there's a list of many Android-based devices for which ...
9
votes
2answers
693 views

Why are monitors landscape and books portrait oriented?

Generally, with most books, they are in portrait form. I've seen reasons for this, like it is less work for our eyes. If this is the case, then why are computer monitors and TVs in landscape form? Why ...
59
votes
3answers
66k views

Why the 360x640px resolution is currently the most used one?

Recently, after checking which is the currently most used resolution among all devices I was surprised to find out that we have a new leader - the 360x640px resolution. This is obviously mobile ...
1
vote
4answers
5k views

Responsive design - Most common resolution steps

I am developing a web app that needs to be available on desktop, tablet and mobile. I know already about responsive design, media queries and all that stuff, but my question here is more about ...
-5
votes
1answer
1k views

What are some common 600 x 800 or 600 x 1024 tablet display devices?

One of the requirements on a design specification for a website was the support of tablet devices with a 600 x (x) display resolution. I tried to search for common devices that fit the criteria, and ...
2
votes
1answer
1k views

Is anti-aliasing still relevant in a high resolution display?

The idea of anti-aliasing is to make edges look smooth so it is nicer for human eye to see. But lately with the availability of high-resolution monitor, with high density per inch, which some called ...
0
votes
0answers
138 views

Monitor resolution settings in a slider, dropdown or list?

I noticed that in the more recent versions of Windows, the monitor resolution setting has changed from a slider to a dropdown box and an abomination in between. XP: Slider Windows XP has a default ...
3
votes
2answers
1k views

What is the difference if any between increasing font size on a high res display and using a normal font size on a comparatively lower res display?

This question has puzzled me for a long time. The new monitors in market have very high resolution and I find the need to increase font size while viewing webpages (Ctrl+ in Chrome). As far as text ...
2
votes
2answers
524 views

Are there any stats that show screen WIDTH instead of DIMENSION?

I am designing a website and have to decide on width of the screen and I need to know the distribution of the screen widths - i.e. how many people are using screen of width equal or less than X (= ...
4
votes
2answers
251 views

Should a responsive sticky side menu stay sticky at high resolution?

We have a website/app that has a side menu that sticks to the left side of the screen (see mockup below) It is a responsive site, so when accessed on higher resolution screens (or if the user zooms ...
2
votes
1answer
158 views

Acceptable image resolution relative to native display resolution on high-PPI displays?

I'm wondering if there are any studies - or even anecdotal evidence - on what the acceptable resolution of images is on high-resolution screens (e.g. phones and tablets). Obviously, an image that's ...
0
votes
1answer
995 views

Why minimum resolution for mobile web design vs. mobile app design is different? [closed]

After a lot of experience with mobile-first responsive design, I recently got a weird question from a visual designer colleague: "Why do we have to design mobile websites at minimum resolution of ...
21
votes
3answers
5k views

What was the reason behind total transition towards wide screen displays by the manufacturers?

I often hear complaints by users who are not satisfied by the wide-screen monitors and prefer traditional screen ratios of 4:3 and 5:4. Unfortunately, such monitors now are quite rare and the laptops ...
0
votes
2answers
475 views

Simulating how an app would look on various Projectors

I've done a few google searches and not coming up with anything useful: I was wondering if anyone knew of any software or techniques that you could use to simulate how a web application would look on ...
0
votes
4answers
551 views

Optimal video resolution for lecture videos on a tablet-PC

We are developing an educational tablet-app for our customer. The app is required to show fullscreen videos of university style lectures In-App. After a short introductory phase, where the lecturer is ...
3
votes
1answer
6k views

Designing for 4K resolution vs. standard

Several of the projects I'm working on are going to be published for both standard and retina displays, plus now we're considering publishing the same applications for 4K and 5K resolution. Has anyone ...
49
votes
3answers
6k views

Why is it called the fold?

Why is the place where the visible screen (on load) ends called the Fold? I have a hard time even writing out the definition for it, but when someone says The Fold, I know exactly what they mean. ...
2
votes
1answer
498 views

What are common resolutions for projectors?

I'm looking for a table detailing the distribution of video projector resolutions in a business setting (i.e. not home theater or classroom projectors). Google brings up a number of resources on the ...
2
votes
3answers
89 views

How to design an interface when a single user is an outlier?

I have designed an internal application to be used by a single engineering team. My stakeholders gave me a resolution I should design all the interfaces at. The application I am working with does not ...
0
votes
2answers
151 views

When designing for desktop, is it still appropriate to design for standard pixel density?

With new, high resolution monitors and laptops popping up all over the place I'm starting to wonder whether I should be making the desktop only design elements of my websites suitable for high pixel ...
5
votes
2answers
10k views

How to test website for large screens?

I want to test website for large screens such as 1920 x 1080 pixels, 2560 x 1600 pixels, In browserstack i find only 1280 x 1024 pixels is maximum for windows machines, Is there any website to test ...
0
votes
0answers
70 views

What is the best screen resolution to start designing website in 2014? [duplicate]

I have been designing in 1024 X 768 resolution by default, I used to do this because i use laptop where my max screen resolution is 1280 X 768. So what is the best screen resolution do we need to ...
0
votes
1answer
181 views

Margin in the mobile web site

I'm working on a survey web site, which I already have a responsive design. Survey questions are sometimes array type, that options are columns, and questions are rows. As you can see in the image ...
4
votes
3answers
608 views

How should a responsive website use so much extra space on large screens?

In older websites, the standard is usually 960 pixels, because it has a lot of factors that it can be divided into, and most monitors were 1024 pixels wide. Recently, a large portion of laptops are ...
4
votes
2answers
346 views

How to deal with extra space

I'm developing a web application that already use a responsive design(bootstrap) and play well within any small resolution. But that's common that nowadays desktop screens go up to 1920px wide, and ...
57
votes
6answers
96k views

What is the smallest screen size you design for [closed]

I'm looking to make my website responsive, however this is my first foray into responsive design, and I'm pretty clueless at the moment. I have no idea what the current state of play is with regard ...
0
votes
1answer
2k views

Why is 960px the max width for a webpage on a 1920 width tablet?

My tablet offers a 1920x1200 resolution. I noticed anything over 960px wide does not fit well on my Webpage. Why on a 1920 wide tablet do I have to keep my images 960px wide or less?
0
votes
6answers
6k views

Testing responsive websites for cross browser compatibility

I have to do liferay cms testing for a site / portal. The site will at setup be blank and the client can choose from templates/portlets and upload content as required. It would have a responsive html ...
0
votes
1answer
140 views

All content without scrolling vs content scrollable on home page

For one, if you want all your content shown without scrolling, your site will end up being saturated. For the second option, you don't have to worry on spacing issues and you can make your design ...
3
votes
1answer
230 views

Is this a good way to have two UI between iPad and iPad mini?

Yes, the iPad and iPad mini finally come with same resolutions. And the difference between two device is physical size. But the question I have is...Should I make the iPad have more view than the iPad ...
2
votes
3answers
604 views

Responsive design for big resolutions

I would like to design a one-pager site which will be responsive and will be presented well in huge resolutions, such as 2560 width. One method of doing this is design the site with a maximum fixed ...
3
votes
5answers
371 views

Why are there so many widescreens on desktop devices?

By looking at the browser screen size stats that we can find online we can see that a large percentage of aspect ratios for desktop sized devices (i.e. those you can't rotate) are widescreen. I ...
22
votes
5answers
134k views

Why is 1366x768 considered by some to be the standard widescreen for modern laptops?

I have a 13" MacBook Pro (mid-2012) but it is limited to 1280x800. The other resolutions available to me, when I go to system preferences, are 1152x720, 1024x768, 1024x640, and 800x600. Presumably, ...
6
votes
1answer
372 views

Screen resolution causing wave effect in background image

I'm in the process of developing a website that is reminiscent of an old CRT monitor. To achieve the effect, I've taken an image that consists of a horizontal black line and a white line repeating ...
4
votes
4answers
2k views

When designing a responsive layout is it right to assume the iPad layout will be the same as the desktop?

When designing responsive layouts I tend to do 2 sets of wireframes. I design for both mobile and desktop and assume that the iPad will adopt the same layout as the desktop due to size. ( this is if ...
-5
votes
1answer
2k views

screen resolution for android and iPhone design in Photoshop [closed]

For iPhone an Android design, why we set the psd resolution up to 72? why we aren't using 160 for mdpi and 240 for hdpi so on. Eg: for iPhone 2x res we are choosing 640 x 960px and and screen ...
19
votes
6answers
135k views

What is the generally accepted resolution for mobile design?

So, I am a week and a half into a new project, and I've been designing for a resolution of 320px * 480px. I am new to the game and I've just found out that that resolution is too small considering the ...
6
votes
4answers
2k views

What do you call non-retina displays?

With the introduction of high density pixel displays (Retina being the brand name Apple uses) what do we now call non-retina (low pixel density) displays? Legacy Displays Low Pixel Density Displays ...