Chrome Dev Tools - Is there a way to test responsive w/ rulers without mobile emulation?
I'd like the ability to enable responsive mode in dev tools to allow for scaling the viewport width and height so as to debug my media queries but without disabling the mouse scroll and hover features, i.e. I only want to adjust the viewport, no other emulation is desired, is this possible?
Update for clarity: I'd like the ability to view the rulers AND adjust the width freely like when device is set to Responsive but without the mobile touch stuff enabled. When creating a new device and choosing Desktop, you lose this functionality.
Update#2 - It appears what I'm asking for cannot be done, I've submitted a feature request - https://github.com/GoogleChrome/developer.chrome.com/issues/5360
You can open the menu on the side of the Device Toolbar and select "Add device type", you will then have an additional option in the toolbar to change between mobile and desktop with or without touch.
For example:
- Svelte Responsive Menu does not show vertical items on narrow screen
- Change view based on device - SwiftUI
- How to make responsive email work with yahoo mobile app?
- Overflow-x:hidden; on mobile device not working
- How to make all pages of flutter app responsive?
- Chrome Dev Tools - Is there a way to test responsive w/ rulers without mobile emulation?
- Customize Bootstrap 4's grid-system Breakpoints
- Issue with Swiper.jsBreakpoints in React for Different Screen Sizes
- How to make 2 colour diagonal background flexible without distorting the angle? Tailwind & Javascript
- How to Ensure Uniform Product Card Layout with Min-Height and Responsive Design?
- Responsive navbar click
- Making An Image with overlaid anchor tags screen responsive
- How can I make this TailwindCSS code responsive on all breakpoitns?
- how to hamburger menu with just css
- How to reorder table's columns in a responsive manner
- I want this jquery to give me position in % not in pixels
- How to make items stack on mobile view
- designing a responsive mobile menu with grid layout
- How can I dynamically adjust a CSS grid layout for a memory game with a variable number of cards while maintaining responsive design?
- How to auto fit the height of a div to its background image?
- CSS aspect-ratio not maintained when parent container's height exceeds limit
- Responsive Magnific Popup
- Responsive Image full screen and centered - maintain aspect ratio, not exceed window
- How to disable double-tap zoom on Safari mobile?
- Resolution of smartphone browsers
- Rotating Text around a circle to make it look like a sphere
- How can I minimize CSS code for responsive calculator buttons using order?
- CSS triple border?
- How to detect screen size for responsive web design?
- Mapbox-gl height 100%