Hero image is not responsive on mobile devices.
https://kenlax.comn
I can Crop the image so it appears on left side and adequately shows up on mobile screens but this is Not what I'm looking for. On laptop and desktop screens I want the entire Hero image effect to render as intended.
11/16
Related
I have all necessary scales in my project:
However, when I start my app, it doesn't seem to pick the best scaled Splash Screen. I'm starting in Release x86. It's always using the scale-100 splashscreen.
I used the right names for the SplashScreens and they are in the folder "Assets" in my project:
Do I have to 'activate' an option to enable the usage of variable Splash Screens? Or why does it always pick a Splash Screen that's too small?
The reason Windows is using the scale-100 asset in your case is because your desktop environment is set to 100% scaling. There's no need for it to use a higher-resolution asset because of this. But that's not the reason why your asset isn't stretching to fill the window.
Splash screens in Windows Store apps (including UWP apps) are unlike most conventional splash screens in that their images aren't full screen images. Usually, what you put in a splash screen image for a UWP app is the app icon or logo, which is then centered on the variable-sized window and superimposed over an optional background color, rather than itself stretched (since windows can be of arbitrary size, whereas your splash screen image may require a specific aspect ratio to display correctly). From Guidelines for splash screens:
Putting an image and background color together to form the splash screen helps the splash screen look good regardless of the form factor of the device your app is installed on. When the splash screen is displayed, only the size of the background changes to compensate for a variety of screen sizes. Your image always remains intact.
If you really need to display a full-screen image instead of the small splash screen, you can fully omit these images and use an extended splash screen.
On a desktop, if I make an image a link, I can make the mouse change to a pointer to indicate that the image is clickable. How do people normally indicate a clickable image on mobile since there is no mouse?
I'm browsing but I can't find a solution. I have some parallax backgrounds as a dividers. In learning how to use the fixed background images, I discovered a potential issue with controlling how the background images display on mobile devices.
When I shrink my computer’s browser window, or load the sites into Responsinator, the backgrounds look fine. But when I view them on the actual iOS devices, they don’t look good. The mobile device just displays a highly zoomed-in portion of pixels that are in the center of the original image. There’s no resemblance to the desired background image, and it’s so enlarged that the pixelation creates a poor quality image.
You can check the site here:
daremblum.com
Thanks in advance for any help.
I am working an app for windows tablet so I want to put some image on splash screen.I have different images according to different sizes that shown in windows app.After that setting the image in splash screen it shows only center of the page.Here I have attached also.
Hope someone help me
I have made an application which displays Images and i have implemented pinch zooing, translating using Silverlight for Windows Phone Toolkit, GestureService it works perfect. but when am zooming the image or dragging the image it is not the image border/ boundaries. :(
how can i limit the image with in the screen. i want same look and feel like native windows phone photo viewer or web browser ( we can drag contetnt with in the limites only in web browser)
thanks in advance
I have posted the code on my blog.. have a look here
http://invokeit.wordpress.com/2013/01/17/photoviewer-with-pinch-zoom-pan-and-flick-support/
I use the same for my app's photo viewer