In older versions of Chrome, you may have to enable the feature before you can use it: in DevTools, click the Settings icon (cogwheel), then click "Overrides" and select "Show 'Emulation' view in console drawer". For further options, click "." on the right side of the toolbar. You can change most of the settings (device type, screen resolution & rotation, zoom factor.) in the toolbar on the emulation screen. In current Chrome versions, click the "smartphone" icon in the upper left corner of the DevTools window to activate Mobile Emulation. Open DevTools by pressing F12 (or Shift+Ctrl+I / Cmd+Opt+I on Mac). Here's a video tutorial from Google's DevBytes YouTube channel. The Chrome DevTools have a feature called "Device Mode & Mobile Emulation" available in Chrome 32 and higher. Background-size is 1/1.5 = 66.67% (of a 150px image) only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) ĭoes there exist any way or a browser extension to mimic device pixel ratio? Background size is 100% (of a 100px image) */ While it is easy to test different screen resolutions in Google Chrome i wonder how developers could test different device pixel ratios underlying the following CSS media queries.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |