From my understanding, ipad 2 and maybe 3 had a screen resolution of 1024 whereas ipad 4 has double that.
iPad will still however zoom in to your site and ideally you want your site to look and behave a certain way if it's being viewed on a tablet.
How do you effectively target both these devices using media queries?
#media only screen and (max-width:1024px)
This however won't cover ipad 4?
Yes, they have different resolutions. We have to target particular mediaqueries to handle this. I suggest you to read this article.
Related
I am currently making a classic snake game app.
The app fits and works on all iPhones however when I test on any iPad the lettering is off the screen and so is the game screen.
Is there anyway to adjust the proportion or have it depend on what device you are using?
I was unable to find much help online when looking for this question. (first image is an iPhone 7, and the second is an iPad Air 2.
What you're looking for is Adaptive User Interfaces. You should be able to have different layouts for different device sizes using a single storyboard.
You can also change values programatically in your code according to the screen size.
I am developing an app and in one of the views the 4inch screen would fit the content I want to include just fine but the 3.5 inch screen is just too small so I wanted to remove a part of the content for that screen size.
So the question is: Do apple allow the bigger screens to have more content than the smaller screens? I guess this question also applies to ipad vs iphone, iphone 6 vs iphone 5 , etc...
I have never seen this even being discussed and I've never done it myself but always wondered.
Naturally I would do it in a way that the 3.5 inch screen wouldn't miss anything too important and in a way that the content would be completely hidden on the iphone 4 and the design doesn't suffer. In this particular case I would just remove an ad for another app so the iphone 4 users would probably thank me ;)
Thanks in advance
Welcome to Stack Overflow. This isn't really a programming question the way SO defines it, but I'll take pity on you since you're new.
Yes of course. You always have to tailor your UI for the target device. That often means stripping away non-essential elements from smaller screens.
For iPhone vs. iPad it usually means presenting more on one screen on iPad and multiple screens on iPhone.
my question is about Twitter Bootstrap 3 - i'm using the Download Version from "getbootstrap.com", not the less/scss version.
I would like to disable only 1 media query (iPad Portrait).
Does anyone know, how to disable the Media-Query for iPad Portrait?
I would like to usw iPhone Media Query, on iPad Portrait i would like to zoom out the Browser so i can see the "md"-Version (Medium Desktop).
Or is it only possible via JavaScript (Changing Viewport an Zoom),
then i would try it this way - but i think there are a better solution, via CSS and Media queries.
best regards
When designing a form for a Firemonkey iOS application, you're able to resize the form into any possible size, and even the debug shows it as so. Obviously, iOS devices have very particular screen sizes. Why is it made possible to make my form in any dimensions I want?
I haven't gotten to the point of running this on any iOS device yet. This is my very first trial building an iOS HD application using Firemonkey. It's just very peculiar why it would let me design the form to any size I wish, since iOS apps are always full-screen and aligned to fit within various device screens.
Not all iOS devices run on the same resolution.
The iPhone 5 has a different aspect ratio than the iPhone 4.
And the iPad 3 has double the resolution of my iPhone 4.
You may also show a form covering only part of the screen (arguably more useful on an iPad).
Remember that FireMonkey is not written for iOS alone, it also covers OSX. In OSX you'd want all the normal VCL/Windows rules to apply.
Still I can see the sense if you're building a email application of having multiple screens (i.e. frames/panels/etc) performing different functions.
You can also imagine a pulldown/popup (modeless please) that does searching.
If you implement that using a different form it should not be full-screen.
So yes I can see lots of uses for non-fullscreen forms in iOS.
These two panels could be implemented using 2 forms; resizing would be useful here.
I am new to iOS,
I seen that iPad 2 has resolution of 1024-by-768 and iPad 3 has resolution of 2048-by-1536 with retina display..
I am sure that iPad 2 app will defiantly work on iPad mini because the resolution is same..
and same case for iPhone,
Do we need to develop separate app for iPhone 5 ? because it has resolution different then other iPhone..
I am sure this is a dumb question that any mildly experienced iOS developer would laugh at but since a simple Google search didn't turn anything up I figured id ask.
Any help will be appriciated.
Will iPad2 app work on iPad3?
Yes, it will. The iPad 3 has exactly twice the pixel density in each direction as the iPad 2, so the OS will just go ahead and "scale up" the graphics (except those which are made from images in the app - you'll have to generate a higher resolution version of these image files for iPad 3).
Do we need to develop separate app for iPhone 5?
Not a separate app, you just have to pay attention to the different screen aspect ratio. If you don't do that, you'll have black bars at the top and the bottom of the screen.
iPhone 4 Apps will work on iPhone 5 :
But it will have black spaces at top and bottom, In order to refactor it you just need to change the splash screen which is suitable for iphone 5.
iPad 2 Apps on iPad3:
It will work without any issues unless they have different iOS versions running in them.
As far as I know, the difference between the iPad2 and iPad3 won't be such a big problem. (unless you want to be really exact)
Whereas you should develop a new App for the iPhone5 because it has a greatly different screen format than the iPads.
Yes, your iPad 2 working app will work on iPad 3 (also, depends on iOS version). Just it will not look good :) In order to make it look good, for all images used for your app, you have to add #2x ones with double size.
As for iPhone 5, no, you don't have to develop different app, just you have to make your views resizable to fit on screen. Good Luck!