Issue #2752✓ SolvedOpened May 4, 2020by motazad10 reactions

Exact size in media query

快速解答by motazad5

I used a trick and it was solved. deviceManager.add('Extra Small', '576px', { widthMedia: '576px' }); deviceManager.add('Small', '767px', { widthMedia: '767px) and (min-width:577px' }); deviceManager.add('Medium', '991px', { widthMedia: '991px) and (min-width:768px' }); deviceManager.add('Large', '1199px', { widthMedi...

Read full answer below ↓

Question

I want the changes made to the page to be displayed only when the size is selected.
Image

Answers (3)

👍 Most helpfulmotazadMay 19, 2020
代码片段TEXT
I used a trick and it was solved.

`    deviceManager.add('Extra Small', '576px', {
      widthMedia: '576px'
    });
    deviceManager.add('Small', '767px', {
      widthMedia: '767px) and (min-width:577px'
    });
    deviceManager.add('Medium', '991px', {
      widthMedia: '991px) and (min-width:768px'
    });
    deviceManager.add('Large', '1199px', {
      widthMedia: '1199px) and (min-width:992px'
    });
    deviceManager.add('Extra Large');`
MohammadGh2179May 14, 2020

I have the same problem please help me Thanks

motazadMay 6, 2020

@artf In fact I want min-width and max-width for devices selected

Related Questions and Answers

Continue research with similar issue discussions.

Paid Plugins That Match This Issue

Curated by issue keywords and label relevance to help you ship faster.

View all plugins

Loading paid plugin recommendations...

Free option

Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.

Browse free plugins →
Premium option

Premium plugins ship with support, regular updates, and production-ready features — save days of integration work.

Browse premium plugins →

Related tutorials

In-depth guides on the same topic.

All tutorials →

Browse Plugin Categories

Jump directly to plugin category pages on the marketplace.