Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
UI pages are not responsive (Firefox Android friendly)
See original GitHub issueDescription
Preset page on Firefox Android looks strange
Expected Behavior
That page should be responsive
Current Behavior
All layout is not resized properly
Possible Solution
<meta name='viewport' content='width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1' />
You may need more adjusting despite that line of meta
Steps to Reproduce (for bugs)
- Install CanvasBlocker 0.5.13 on Firefox Android
- Open preset page
Context
Irrelevant
Your Environment
- CanvasBlocker Version used: 0.5.13
- Firefox version incl. 32- or 64-bit: Irrelevant
- Operating System and version (desktop or mobile): any of Firefox Android
- Installed addons: Irrelevant
Your Settings
Irrelevant
Note that you don’t have to use an Android to test. Simply use responsive design mode in Firefox
Issue Analytics
- State:
- Created 4 years ago
- Comments:24 (20 by maintainers)
Top Results From Across the Web
Responsive Design Mode - Firefox Source Docs - Mozilla
From the Firefox menu: Select Responsive Design Mode from the Browser Tools submenu in the Firefox Menu (or Tools menu if you display...
Read more >Web pages aren't displaying properly in Firefox for Android
Web pages aren't displaying properly in Firefox for Android · Open the page you want to view in Firefox. · Tap the menu...
Read more >The responsive design mode does not work after moving to ...
Enable Responsive Design Mode 5. Click "Tap here to go to the mobile version of the site." > Current page will be mobile...
Read more >Most sites not displaying as a mobile site when system display ...
In 59.0.2 on Android, the majority of websites display as the desktop version when the display size in Android is set to "Small"....
Read more >The building blocks of responsive design - MDN Web Docs
Note: These weird x- elements may be unfamiliar; they are part of Brick, Mozilla's UI element library for mobile web apps.
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Great. Thanks for checking.
In an ideal world I would match the scaling so the content fills up the height of the screen. So the user sees everything and the can zoom in to the desired part.