![]() ![]() I realize two times 768 px, one time fixed and one time fluid with 320 px min. ![]() You will cover 90% of tablets and 100% of phones. This technology is shown in detail in the video:ġ024 fixed, 768 fixed, 768 fluid with 320 min W. But you do not have to worry about them, otherwise you will have to do mobile optimization from 1366 pixels width. The exception is monsters such as iPad Pro in portrait mode, Asus Memo Pad in portrait mode and some other large tablets. You create a site of 1200 pixels of fixed width (this is very important), since on a site with fluid width, scaling on mobile devices does not work properly for fixed breakpoints (this is a bug).Īfter your design is ready completely, you create three more breakpoints and format the content in them.ġ024 fixed, 768 fixed, 768 fluid with 320 min W. In connection with the great performance problems that Muse has, this approach is the best and will work in 99% of cases: Pavel Homeriki, btw I trust your practice completely, but to tell clients in the future what´s possible and what isn´tĪnd to be able to use this for diverse written offers, is very usefull.įor a responsive site with breakpoints, I recommend only one approach. Maybe keep us with details if I get it wrong or if I miss something. Would be great for me and us, if this makes sense and of course would be great to have somebody from ADOBE to Is it that, what you recommend? Did I get the message? I kept you in mind, saying this in several threads already? Is tricky, changing all the time from browser to browser (Chrome, Safari, Firefox, Opera, IE8 to IE 10 or higher). The reasons in detail might be, that browsers in general, and decisions of the certain devices (which layout should I use now?) Until the minimum size of 320 px width for phone is possible. and fluid width for mobile devices (tablet, in this meaning is mobile device as well) alternative between scroll effects/fixed width bp´s or fluid width bp´s for desktop (it`s greyed out anyway with fluid width bp´s) use fluid width breakpoints – try to work with responsive content as much as possible – no scroll effects ![]() use fixed width breakpoints, in order to work with scroll effects keep this responsiveness from desktop to mobile devices use screen sizes/breakpoints as you like keep with the smallest available size/default sizes then one must stick with fixed layouts for each device, The main decision from the beginning is, decide for So, if I understand you right Pavel Homeriki, Unfortunately, my knowledge of English does not allow me to explain the reasons in detail. But you can not combine fixed width with alt layouts and fluid breakpoints and generally breakpoints. In this way, you can combine fixed and fluid breakpoints. You can disable scrolling effects on breakpoints for mobile devices. Scrolling effects work at fixed breakpoints. Many of us, me included, would like to use fixed width layouts with breakpoints (scroll effects included or not) for desktop layoutĪnd, because scroll effects are not supported by mobile devices (tablets for me, are mobile as well), use different layouts for mobile devices. In the Muse, many functions should not be active in certain situations, but they are active and this is misleading. Nevertheless, this is not the same thing. Once, in a fixed layout, I can use breakpoints, and I am still able to use a separate layout for tablet and phone.ĭo you recommend not to use generally breakpoints because it is never really clear which device is used? The breakpoint bar on top of the canvas, of course, looks different, but both of it can work with fixed width breakpoint pages or fluid width breakpoints. for me it seems to be all the same: cmd+N opens a new file, I choose between variable and fixed.
0 Comments
Leave a Reply. |