I have windows universal application, and I am using same icons of bottom appbar for both phone and tablet build. On phone the icons are ok but on tablet they are pixelated.
What Size should I use for bottom bar icons?
It is weird but what I have done to correct is just ask designer to increase the blank space in images.
For example I have an icon with two lines like this || it is getting blur designer increased it space between these lines like this | | and problem solved. No more blur images now.
Related
I’m trying to get my website working properly and I’m having trouble with the top bar on iOS safari. The website in question is my personal site. And so far I’ve found the issue on the iPhone 11 Pro Max safari though I have reason to believe it is affecting all notched iPhones.
Is there any way to use css or meta tags in order to remove this line between the header and the top bar. I haven’t been able to find any info and so far the only work around I’ve found is to make it a web app. Though I doubt people would add my website to their Home Screen just to avoid the issue.
You cannot remove this line with CSS, it is for the browser to separate the top bar of the phone from your website. If your header has a different background color, you wouldn't even notice. Take a look at this (It is on an iPhone with notch):
I am having a problem with adobe Muse changing the height of the site when previewing on iPhone 6. The dimensions of the site are correct yet i have still got an extended vertical white line under the page.
Any suggestions?
Best wishes
Using the rectangle tool you are able to make a square / rectangle shape of the desired background space / area.
You can use the fill tool to further fill the background with an image.
I hope this helps
I have a webpage with svg background and form. The background is divided to 2 sections.
Top area - background image / bottom area - background color
Had an issue with some mobile devices, the bottom background comes up behind trees like this.
I have fixed that issue by writing media queries. After that I checked major devices responsive compatibility by chrome device emulator. All are fine. But my client complained me that he was getting that background issue on his device.(microsoft surface pro 4) Then I got back to chrome device emulator and added custom device as a surface pro 4 and set actual resolution.(2736x1824) But it's showing fine on chrome tool. (pc) This is my settings.
I'm getting this error because of not setting up device pixel ratio? or any other way to check mobile compatibility correctly?
There are lot of ad-dons available for testing responsive website on respective devices I used following add on you can try this addons
Responsive Web Design Tester - chrome
toggle Responsive - Mozilla
Just search for this addons and click on the add addons button on respective browser search for respective addons .
I got pictures in the isolated storage and i want to display them as well as the WINDOWS PHONE APP does.
I would like to reproduce the same effect that the Windows phone app does when you open the camera roll and you scroll through the images..
I find it particularly difficult because of the image orientation (horizontal and the vertical ones). I fit the vertical ones, but as soon as there are an horizontal picture any fit procedure fails!
Example?
thank you
Take a look at the MediaViewer class in the Silverlight Basic Lens sample. http://code.msdn.microsoft.com/wpapps/Basic-Lens-sample-359fda1b
In documentation stated that it is enough to keep the only WXGA splashscreen file and it will be scaled by windows Phone OS automatically.
To display a splash screen for all resolutions, use a single image
file named SplashScreenImage.jpg that is 768 × 1280. The phone
automatically scales the image to the correct size.
http://msdn.microsoft.com/en-us/library/windowsphone/develop/jj206974(v=vs.105).aspx#BKMK_Splashscreens
But when I'm using the only file no scaling occurs. I still could see black line on the top of the phone during app start.
Sample here:
https://dl.dropboxusercontent.com/u/19503836/SplashSample.zip
Thanks for any suggestions
You'll notice that it says "scale" and not stretch - which is exactly what's happening. Windows Phone 8 supports 3 resolutions (so far)...
480x800 (15:9)
720x1280 (16:9)
768x1280 (15:9)
You'll notice that the aspect ratio of #1 and #3 are the same, but #2 is different - and that's the problem.
For an image to fit all resolutions it would have to be stretched, which would look very bad so Windows Phone 8 doesn't do that. Instead, it scales the image to fit the screen but a black/white bar appears at the top of screen for #2.
The only way to avoid the black/white bar at the top of the screen is to create 3 separate splash screen and specify them in the WP8 manifest file.
Note: Making your app work and look correct at multiple resolutions is what every app developer should do. All the major platforms (iOS, Android, Windows 8, etc) support multiple screen sizes and/or resolutions so creating multiple icons sizes, splash screen sizes, background images, and other assets is part of the jobs.
I don't think a "splashscreen.jpg" is a good choice in wp8 any longer, even the templates of sdk doesn't have one.
The reason is if the firts page of your app is massive and your have a splashScreen, you may find your screen blink when starting.
So I would add a blank page and set it as the first page. Also you can add your "Splashscreen" Image here.