I am puzzled. I created a website for a friend which you can view here opelversnellingsbak.be
The problem is that when I use chrome responsive view the website looks good and responsive on all devices.
However when I go to it with safari on an iphone. The website is not responsive anymore.
My media query is as follows:
#media (max-width:767px) {
help would be much appreciated
Your web opelversnellingsbak.be have a frame to http://cds.one, on opelversnellingsbak.be there is no responsive css. That why it no responsive.
Your website http://cds.one is responsive good on Safari and Chrome on Iphone 6s+.
Related
I am having some problems with the responsive design of a landing I did. The responsive design works well on mobile and desktop, but when I activate de desktop mode on a mobile browser It just breaks. I really do not know Why this is happennig.
here is the link of the
landing page
I have a problem with a Website that I am building:
The design works perfectly on any device, especially on tablets and smartphones. It also works perfectly in Chrome Developer Tools -devices simulator.
However, when I reduce the size of the screen in a desktop to a similar size of a tablet or smartphone the design looks broken. The text is not respecting the z-index and it is visible over the active menu.
What could be the problem? Does anybody have the same problem?
use class of bootstrap for multiple layout
If u use mobile use class of class="col-sm-12" etc.
If you reload the page after you resize it on a desktop screen, is the design still broken?
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
Web page responsiveness with APPLE devices
i have various web pages ,that are responsive using various media queries that are working for various and operating system except apple devices and os(ios,ipad,iphone)
Now my pages are not responsive with apple devices.I have used
but still it is not working.please suggest me some way.
There is actually no difference in regards to the responsiveness on different platforms. It doesen't matter which browser (e.g. Safari on Apple devices) you use. Unless it's an antiquated version of Safari.
Maybe you have coded your media query wrong? Here is an Example how one should look like:
#media all and (max-width: 1200px) {
/* your css here */
}
In this example your css will take effect when the browser window is less than 1200px wide.
Hopefully this helped you a little bit.
I'm making a mobile website, when i display the page on my desktop an discrease the window size it works perfectly, but when I open the website on my iphone it does not display background images.
Someone can help me?
http://i305098.iris.fhict.nl/mobile/
jsfiddle.net/8r2umLkj/
Try on another mobile device. It seems to be working fine for me.