Is there a way to change this screen and the others in PyQt6 browser?
Related
I was creating a page and want to have css accordingly to browser window size. Is there a tool (maybe in f12 developer tools?) that could show me exact pixels when I am resizing a window so I could set a particular style for that size of window?
For example, I write:
#media ( max-width: 768px) { .picture-to-hide {display : none; } }
But when testing my page I see that I would like to hide the picture earlier. How do I know exact pixels? Just by try and fail method of trying different numbers? Or maybe I can see pixels in developer tools somewhere?
Thank you in advance!
When it comes to your display on Windows 10, in your Laptop’s Settings Panel, you should find all the relevant information. To get there, go to the Search panel in your Taskbar, and write “Display”.
Once you enter the “Display” word, Windows will suggest opening the “Display Settings”. Select then “Open Display Settings”. The system will show you all the options for Display. Look for the “Advanced Display Settings”.
Once in “Advanced Display Settings”, Windows will show you information like monitor resolution, Model of the Video Card, Color format and size of the screen.
If you are doing responsive designing i suggest you to try webdeveloper mode in mozilla firefox where you can change the screen size accordingly .Shortcut to switch onto resposive web design mode in mozilla firefox : Ctrl+Shift+M
I have a weird issue with QT Creator. The soft is opening in full screen.
It is annoying because I don't have the bar with File, Edit, Tools etc...
How to disable this fullscreen mode ?
Thanks
You can switch between fullscreen and window mode using Ctrl+Shift+F11. Still, it's strange that the menus aren't visible, normally they are retained even in full screen mode.
I've made a responsive web page that looks really great when resizing the window manually but doesn't look so great when using the responsive tool embedded in chrome. So I decided to design according to what it looks like on Google Chrome responsive tool, but now it looks awful when I resize the window manually.
Which one should I trust ?! How do I know what It will look like on mobile?
Edit: Also, I have this basic rule
#media only screen and (min-device-width: 900px) {
body {
width: 60%;
margin: 0 auto;
}
}
The body width will correctly resize while using chrome responsive tool, but will not when resizing chrome window. If I change it for min-width : 900px, the body will correctly resize while resizing chrome window but not with chrome responsive tool!
On the left this is the responsive inspector tool provided by Chrome, on the right this is the chrome windows being resized ( both are the same width ) while using #media only screen and (min-device-width: 900px)
The media query doesn't work here ( on the inspector ) but does work while resizing the windows
Same thing here but using #media only screen and (min-width: 900px) . The inspector tool displays the page Ok, but whenever I resize the Chrome window the query doesn't get triggered!
I know I am late to answer but hopefully this can help others having a similar problem. I am mainly going to respond to your first bit:
I've made a responsive web page that looks really great when resizing the window manually but doesn't look so great when using the responsive tool embedded in chrome. So I decided to design according to what it looks like on Google Chrome responsive tool, but now it looks awful when I resize the window manually.
Which one should I trust ?! How do I know what It will look like on mobile?
Like Relisora said, definitely trust the responsive tool over the manual window resize!
But it's still frustrating that manual resize is different than the developer tools.
To make sure the page looks the same/ similar on both the responsive tool and manual resizing, try using the viewport meta tag!
put something like this in your html head:
<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1.0">
further explanation from Mozilla
I accord a lot of importance to the chrome responsive tool in the development tools.
However sometimes neither of resizing or the responsive tool are working (while using it on responsive settings).
The only tool that never failed me is when you emulate the device into your responsive tool :
Access it by : F12 -> Settings -> Devices
The list is quite complete but it's not a general case where you can test everything. It still should be enough for the majority of devices.
Edit :
If the device you want to test is not in the list, you can add it by clicking "Add custom device" and make sure you complete all the elements :
EDIT2 :
The inspector is working while simply resizing is not because there is a variable you don't take into account while using simple resizing : the resolution.
This variable is known by the inspector when you select a device and this is why the rendering will be the exact same as if you used an actual device.
The inspector will display what will be rendered on mobile.
I'm developing on QtCreator for Playbook. In bar-descriptor.xml I set the path for splash as follow:
<asset path="splash.jpg">splash.jpg</asset>
For setting splash screen I tried:
<splashscreen>splash.jpg</splashscreen>
<splashScreen>splash.jpg</splashScreen>
<splash>splash.jpg</splash>
<splashscreen><image>splash.jpg</image></splashscreen>
<splashScreen><image>splash.jpg</image></splashScreen>
<splash><image>splash.jpg</image></splash>
But splash screen appears as default black image with BB logo. Someone knows how change it?
Anyway, Thanks!
Qt requires landscape and portrait splash image. So, in my case, landscape and portrait are the same and the way for edit this is like follow:
<splashscreen>splash.jpg:splash.jpg</splashscreen>
In other cases, when exists both images, the way for edit this is like follow:
<splashscreen>splash_landscape.jpg:splash_portrait.jpg</splashscreen>
does anyone know if there is some way (Applescript, secret .plist defaults setting...) to view an iPad simulator window on fullscreen (or borderless)? It would be very handy to show it on a second 1024x768 display at native resolution. The simulator's vertical size when in portrait is simply too high even for a fullHD monitor... the border is too thick and the window cannot be moved offscreen above the upper edge.
Copy the Info.plist file that resides at /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/Applications/iPhone Simulator.app/Contents/Resources/Devices/iPad.deviceinfo
onto your desktop. This folder is write protected and even with root enabled it crashes xcode if you try to edit it from here.
Double click on the file and edit the plist in Xcode change the width variable to 1000 and the height variable to 1800. (I'm running this at 1366x768 and these settings worked. tweak if you need to) Save it.
Copy your edited plist file and paste it back into the original folder and replace the existing file. Run your app. Rotate the device to landscape orientation.
Bask in the glow of a full screen window running ios.
Selecting:
Window -> Scale -> 100%
Will make twice bigger than default
Maybe this will help?
https://plus.google.com/u/0/115321914207029284487/posts/gcqBJej1g4R
I guess, you can edit the frame.png to make the border even smaller. Maybe even nonexistent.