Click area problem in fullscreen mode with html5 and createjs - button

I am working with createjs html5 engine and have a problem in fullscreen:
When canvas goes to fullscreen mode and the screen aspect ratio is different from the canvas aspect ratio button's click area is moving somewhere near to the rendered button.

Related

Centering Button In Wordpress With Different Screen Sizes (OT Button)

Alright, I need some help centering this button! I have it working on my desktop but when I adjust the screen size it really gets messed up. Here are some screenshots to give some context. Here is the link to my website, the button is below the main slider "Orion CostPlus Strategy"
In the page developer
Button correctly centered when full screen
Button messed up when I change window size
I appreciate any help!

Slider image breakpoints on different screen resolutions

I want uploaded image with slides option https://docs.reduxframework.com/core/fields/slides/ on redux-framework have same height and not let slider image to cover all front page if screen resolution gets above mobile,tablets resolution.
So far i tried to resize image (also set static height)to see also some content below slider image on desktop resolutions 960px and above (i want to see some content below front page slider image on desktop resolutions above 960px),but not to slider image to cover all front page.But when i resize image to see some content below slider image on desktop resolutions 960px and above,then slider images are almost not seen on mobile devices anymore,when it gets 480px and below. Images height is only ok on mobile devices,when slider image covers all front page,but not ok when i resize them to see some content below slider image.
Example:I have now like on this website http://preview.themeforest.net/item/neer-construction-business-wordpress-theme/full_screen_preview/20851072?ref=cirvitis ,when slider image covers all the front page and page content itself are not seen on front page at all,until i scroll down to it,then image height is ok on mobile devices.
But i want like on this website here: https://codex-themes.com/thegem/meta-splash/ header slider image height is ok on front page when it is resized and i see some content below it and have same results on mobile devices view too.
Now i have good results only when slider image covers all front page,then image are seen ok on mobile devices too. But when i resize front page image,then they are almost not seen on mobile devices.

Font size distorts when resizing

I have a small bug in a website I'm working on.
a specific div contains a paragraph tag. this P tag has a font size for small screens and a bigger font size for big screens. here is the problem. When I resize the browser using the mouse the sizes changes correctly. but if I resize to the small screen and not back step by step by the mouse but by clicking the maximize button ( at the top right ) then again click the same button to back to the small screen the font sizes don't change to the small and all the fonts are so big. is there a solution?

Embedded google map on mobile devices, annoying button changing map size

I have trouble making an embedded google map work properly on mobile devices. It is within a div box and set to 100% height/width and works as inteded when not on mobile phones. On phones it adds a big square-shaped button with an arrow in it in the bottom right corner which consequently shrinks the map size in the div to about half. When I click the mysterious button, nothing happens. So, an annoying button with no function. When I touch the map, the button disappears and the div is filled though. Anyway to get rid of that button?

Force widget resizing in Qt

I'm writing an image viewer, and I'd like some behavior from Qt:
imagine the viewer displays the image in a 256x256 box. Now I want that ctrl+Z do a zoom + resizing of the window; ie. show the 2x zoomed image in a 512x512 box, how can I do that?
Also, imagine know the user gave a certain shape to my viewer, and that he presses F10, I want to change the layout to display the viewer in the same size (if possible, eg not overflowing the screen) and add additional controls under it, and resize the complete widget in a way that the viewer widget does
Maybe you could use the QWidget::minimumSize property to change the widget minimal size.
If the size of your zoomed image gets bigger than the screen, you might have to put your widget into a QScrollArea.

Resources