I started to learn HTML/PHP and now I am at the chapter responsive webdesign.
With the media query the output can be adapted to desktop and mobile devices. For example with "media="screen and (max-width: 640px)". So far, so good. The resolutions of smartphones are often higher or just as high as those of desktop monitors. As you can see here
https://screensiz.es/phone ... eg. Apple iPhone 7 Plus - 1080 x 1920
My question now is, why a media query for example with 640px, if the resolution of smartphones is anyway as high as that of desktop monitors?
Related
I created a website for a customer: https://marie-gon.com
As always I tested it for various screen sizes using Firefox, Safari and Chrome inbuild responsive design tools.
I own a macbook 11inch, and ipad and iPhone 5/SE so for those devices I can check if the tests are the same in real live.
My customer has a macbook 16 inch retina, her partner a macbook 13inch and her graphic designer an iMac 5k retina. All 3 see sent me screen shots and none of them reflect the test results. I am trying to figure out for weeks now what's wrong and I can't solve the problem.
Can anyone help me?
It appears all is well, except for the customer.
Probably something to do with settings of the device.
I'm working on a Universal app (my first app) that runs on both iOS 6 and 7 and I'm creating my launch images now.
I've read the Apple documentation on this area but I find I'm still confused.
For the moment, I'd like to work out how to create and link up all my launch images without using the Asset Catalog, if possible.
I've got most, but not all, of the launch images created and added into the Launch Images area of my project like so:
Portrait Non-Retina (iOS 6.1 and Prior) 768x1004 No image with correct dimensions found
Portrait Retina (iOS 6.1 and Prior) 1536x2008 No image with correct dimensions found
Landscape Non-Retina (iOS 6.1 and Prior) 1024x748 No image with correct dimensions found
Landscape Retina (iOS 6.1 and Prior) 2048x1496 No image with correct dimensions found
Portrait Non-Retina 768x1024 Default-Portrait
Portrait Retina 1536x2048 Default-Portrait#2x
Landscape Non-Retina 1024x768 Default-Landscape
Landscape Retina 2048x1536 Default-Landscape#2x
But I'm puzzled as to how to name the iPad image files that are still missing.
You will not be able to do what you are trying to do by naming alone. If you don't want to use the asset catalog (which totally solves the problem without effort, so why would you not use it????), you will have to set up the Info.plist yourself, as Apple explains here:
In iOS 7, an app can use a different launch image depending on which version of iOS it’s running in. To provide different launch images, add the UILaunchImages key to the Info.plist file and use a dictionary to describe each launch image. To learn more about handling launch images, see “App Launch (Default) Images” in iOS App Programming Guide.
I think you should find the naming conventions in the section called App Launch (Default) Images of Apples documentation for resources
If I have a video of 100 frames what would be the best format for native mobile applications?
If the answer is each make (ie Android, iPhone, Blackberry etc) is different should i consider using a series of jpeg images displayed via a timer instead?
Thanks
i have a app built in Xcode 4.5 with 4 inch screen/View controllers i built this app just for iPhone 5 as i sent it off to iTunes connect. once it said upload received it showed "Missing Localized Screenshots" straight away.
how can i fix this i have 5 screenshots for iPhone 5 and thats it, but if i was to put screenshots for 3.5 inch screens the message goes and my app will wait for review but the one problem is when i run it on my iPod all the images/buttons are I'ver off the screen or in a different places please help.
are there any ways around this if so i really would appreciate it if you could let me known.
or do you have to develop a applications for both devices iPhone 5 and iPhone 4 now?
hope this all make sense and you guys understand what i mean thank you!
It isn't about the device, but the version of the OS. You can't target an app just at the iPhone 5. You can can target an app at iOS version 6 which includes 4 inch and 3.5 inch screens.
Edited to add
There are many resources about supporting multiple screen sizes in iOS6, one of which is, for example:
How to develop or migrate apps for iPhone 5 screen resolution?
I am trying to develop a mobile application, which should run on all smartphones, tablets and some feature phones. I have used CSS3 media queries before and tested in Android and iOS, where it works like a charm. But what about Nokia and Bada OS, does this work ?
You can take a look at the indispensable Mobile compatibility chart from Peter-Paul Koch. Media Queries are pretty well supported, as long as the browser is Opera, Firefox or uses the Webkit engine (virtually all modern mobile browsers do). You might have some trouble getting it to work on older Blackberries and Windows Mobile 7 and lower though.