HTML, the present and actual width of the differs. PPI



  • He's got a body of 1200, he's screaming at 1500.

    There are two blocks with these properties:

    section{
        float: left;
        margin: 20px 50px;
        width: 900px;
        background-color: silver;
    }
    

    aside{
    float: left;
    margin: 20px 50px;
    width: 100px;
    background-color: silver;
    }

    If one of them adds one picsel to the width, they stop being in one row, it's all right with margin.

    I understand this has something to do with the PPI monitor.
    Do the actual dimensions always differ? It's very confusing.
    Maybe there's a way to put all the picsel in the picsel?
    Or doesn't it have to be done, and everyone's going to believe it?



  • If you want to make the position of sections or blocks the perfect picsel in the picsel, I would advise you to use a percentage rather than a picsel. This is an example:

    section{
        float: left;
        width: 50%;
        background-color: silver;
    }
    

    aside{
    float: left;
    width: 50%;
    background-color: silver;
    }

    It'll give your code adaptive, as well as you can use the character of the auto. Example -

    section{
    float: left;
    width: auto;
    background-color: silver;
    }

    aside{
    float: left;
    width: auto;
    background-color: silver;
    }

    If I didn't understand the question properly, explain it more.



Suggested Topics

  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2