Why does it look completely different when creating a layout in Flash than in a browser?

Question

Design

Hello!
When creating a size of 1400 by 800 in Photoshop (analogous to the screen size), the same size looks different in the browser and in Photoshop, starting from the menu height, which at 100 pixels looks different in both cases.
Do I need to set some other settings or how to achieve an identical visualization of the picture?

Answer 1

The menu cannot look different, and there should be no discrepancies visible to the eye at all.
Pixel-by-pixel measurements may reveal flaws, may differ slightly, because different browsers, with different computer performance settings, render fonts differently.
If yours is very different, then probably:
- either the units in Photoshop are not set correctly (set to px)
- or the scale of the site in the browser
is not correct - or the layout designer did not correctly
layout The layout for the web should be only 1920! Otherwise, there may be surprises on the layout, just with the wrong scale.

Answer 2

Photoshop is not designed for the web, it was created to process photos. Therefore, by default, the units of measurement there are set to points (pt), which is convenient when printing on a printer. I propose, for starters, to check whether the units of measurement are set to pixels (px) everywhere. Then you can check the layout resolution - it should be 72 pixels per inch (Pixels/Inch). This is a historically established standard invented by Apple.

Answer 3

Hold on, they tell you clearly:
https://youtu.be/UbE5T5QxS00

Answer 4

I had this: in the browser I look at the styles of the element with a width of 1210 pixels, I make a printscreen and transfer it to Photoshop, I measure the width of 1400 with a penny there, it turned out that in the laptop screen settings at a resolution of 1920x1080, the parameter "Change the size of text, applications and others elements" was the recommended value of 125%, changed to 100%