I have two domains that point to the same directory. If a mobile is detected it will show a mobile version of the site via PHP. This changes some of the HTML and the stylesheet.
If I go to
maredovisning.com
The mobile version works without issues. However if I go to
maredovisning.se
The mobile version is broken, it seems like the viewport is not working correctly but I am unsure as to what the actual issue is?
Related
I have deployed a personal flutter-web project on firebase and the responsiveness is working fine. As in when the website is opened on a laptop it shows a UI specific for large screens and when it's opened on the mobile phones (chrome browser) it shows UI for mobile screens.
Now the problem is, whenever I check "Desktop Site" in the chrome browser, I get the UI that is meant to be shown for larger screens which is okay, but it looks stretched vertically, and the appbar at the top is also not visible.
so my question is,
Is there a way that I could check whether browser's desktop-site mode is ON?
or any other way that I could just make the website look like a zoom-out version of web UI whenever desktop-site mode is ON?
We were not shown the code. Therefore, it is difficult to say for sure. But I had such problems when I ran the application building without parameter --web-renderer
flutter build web
The point was that by default it uses different renderers (CanvasKit for desktop and HTML for mobile). And since I used things that required CanvasKit, the application in mobile browsers was displayed incorrectly.
Building with the appropriate parameter solved my problem
flutter build web --web-renderer canvaskit
Since I don't have an Iphone. I have to test my site using site that there's available IOS tester.
I have reports that the site is not loading properly on Iphone.
Link: https://adthrone.com
But in the android version it works properly.
But in IOS not working properly
This is some details about the reports
The whole index.php is not loading (Blank page)
Sometimes it loads but some parts of the css/html of the page is missing.Like site logo in the navigational bar.
Sometimes the index.php loads but have multiple html/css issues
Android version works properly but not IOS.
The client has the following
Good internet connection
Have android & iphone for testing
Currently the site contains the ff:
Low quality images with file size of KB
Used bootstrap for front end
I just want to know the facts why this site is unstable when it comes to IOS mobile version.
I have a simple website containing 3 HTML pages but sometimes internal links on IOS Safari doesn't work correctly. Rather than rendering the page, it displays the 'Open in "Drive" screen with options to save page as a document. When I refresh the page it renders correctly again. This usually when I navigate around the pages quickly and I am not sure why this odd behavior and how to fix.
See a screenshot here https://ibb.co/bXxzZTS
Not sure if it is related but the DNS is via CloudFlare (Free) and the pages are really fast (as it's just HTML, CSS and JS).
I have only seen happen on iPhone Safari. Other devices I have checked on include iPad, MacBook, PC running browsers Chrome or Safari are all OK.
Additionally, I tried using URL with and without full domain with the same result.
I just expect the page to render as an HTML page.
I've finished my web page with its style sheet, not sure how it didn't work on phone browser because it work on laptop browser.
It worked when I put it on free web host and then open it with phone browser, but when I put it in phone storage, none of the CSS applied
moved the CSS file (prev href='folder/style.css') to href='style.css'
also use vendor prefix (-moz-,-webkit-,-ms-)
simple solution of this problem,
first open file in laptop and inspect your website or page then use responsive button which look like mobile.
and your css isn't apply because some mobile phone features are not able to show website as like our laptop tablet or pc.
some have this type of feature like in MI mobile.
hope you understand...!
I'm not an expert in web and I composed and updated my website recently. I ran all the test that I could on DreamWeaver CC and tested on multiple mobile devices (tablet, android and iphone); all seems to work fine. Until I uploaded the site to my server, the site start to act weird.
1st problem:
It is a portfolio website with individual pages to corresponding projects. On each project page, the first image on the lightbox has always gone missing; but clicking into the lightbox I can find the missing image (the preview image and the lightbox image share the same source so if the lightbox can find the image it implies that the image is on the server and the path is correct).
2nd problem:
when the browser is shrink below certain size, a toggle menu will replace the content on the header, clicking the toggle menu will show a pop up menu to site links. For some reason, after uploading the site to server, the toggle menu pop up never work.
3rd problem:
The above problem is never apparent on desktop browser(all image shows up correctly; toggle menu works). To make the problem more complicated, I can't confirm if it is device or browser oriented problem. For example, the site works on chrome browser on my iphone and nexus 5(android), but problem occurs on my xperia tablet(android) chrome browser; on my xperia tablet, the site works perfectly on firefox.
Does anybody has any idea what the potential cause to the problem, and perhaps a direction to a solution?
Here's the link to my site: http://www.itsatommy.com
Thank you for your time and look forward to any reply.
Looks fine to me (Google Chrome), you need to use media queries for some certain resolutions. You also need to use some cross browser css tags lide "-webkit, -moz, -o" etc.