I have a website. On the desktop it looks good but on the mobile phone of course not. But I don't really want to make the website responsive. Is there a way to adjust the css so that the scalling on the mobile phone is exactly the same as on the desktop? So that you would have to zoom. I also use react for the website.
I am working on a website built-up using bootstrap 4. Website design is working perfect on all platform but on mobile devices the website gets auto-zoom. i need to zoom-out manually in mobile devices to see the website properly. I have tried media port commands, initial scale to 1. Still not getting a solution. Please help
I developed a mobile site using Twitter bootstrap, site is rendering very good on desktop browsers as well as on some mobile browsers, but on android's default browser the site is only showing background image.
Can anyone tell why this problem is there?
Live site: http://logicvibes.com/demo/business-design
screenshot:
I'm trying to create a mobile friendly website but I can't seem to get my base template right.
http://jsfiddle.net/dvQqb/
The template needs to be fullscreen, but not all the text needs to be small like my HTC Sensation (Cellphone) displays.
So it needs to have a width of 100% but it does not have to be seen like it is zoomed out.
A mobile browser will often assume, by default, that it's loading a page that was designed for a large screen, and therefore will make an assumption of size and then just zoom the entire document down.
To tell the mobile browser you want to target it's own screen size, you need to add the viewport meta tag information:
https://developer.mozilla.org/en/Mobile/Viewport_meta_tag
A great place to start is html5 Mobile Boilerplate.
Why it is awesome
Cross-platform compatible (Android, iOS, Blackberry, Symbian)
CSS class to target IE Mobile 7
Home screen icon (Android, iOS, Symbian)
Cross browser viewport optimization for Opera Mobile, Android, iOS, IE, Nokia, Blackberry.
Optimized viewport scaling (Opera Mobile, Android, iOS, Mobile IE, Blackberry)
Option to enable iOS start-screen in full screen mode
Better font rendering on IE Mobile
Adaptable markup and CSS skeleton
CSS stylesheet for low-end devices
Mobile sitemap
Mobile MIME type support
Build tool for mobile
Fix iPhone reflow scale up bug
I am currently developing an application using PhoneGap for multiple devices. How do we configure it in config.xml so that we can specify the size of splash screen (and matter of fact for icons) for the different devices (e.g. iPhone, iPad, Android)?
For Android:
design relevant Splash and icon images and drop them in respective drawables (drawable-mdpi, drawable-hdpi etc ..) folders
For iPhone:
Just select Default.png images in your XCode for both iPhone and iPad