Google Chrome handling page breaks differently on different computers

I can't help with the odd wifi issue... But as for consistent sizing, you should make sure that ALL your measurements are in printer-friendly units.

My guess is that you're getting extra space because each OS/Machine is interpreting px and percent differently when it goes to print.

This is especially true for font-size which is likely different based on how screen density is converted. Which in turn causes your page-break and wrapping rules to be in different places. That generates different spacing.

Try specifying font-size in pt and width/margin in cm or mm

For example you have this rule:

.page-portrait {  display: block;  margin-left: auto;  margin-right: auto;  margin-top: 2%;  margin-bottom: 2%;  position: relative;  width: 1350px;  min-height: 279mm;  padding: 30mm;  border: 1px #D3D3D3 solid;  border-radius: 5px;  background: white;  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}

I would change to:

margin-top: 1cm;margin-bottom: 1cm;width: 210mm;

Also font-size: 10px probably translates to font-size: 8pt but you'll need to play with that sizing to get it correct.

One reason could be that the machines have different zoom settings, for example, laptops often have 125% zoom, which affects the browser. The way to handle it would be to make it look good in 125% zoom and then you wind up with a bit of space on 100% zoom, but you'll see a lot of sites already work like this.

You have to learn how to add css so that it works on both WiFi network. Make sure you add your css in relative form.

<link rel="stylesheet" type="text/css" href="mystyle.css"> and not http://acx/we.css.Make sure it is internal css. Sometime when you use external css and you have different connection WiFi and LAN your company security changes. So based on path company might block css.Check traffic log under network in Developer tools in Chrome.Check for 401.check css getting overridden also under elements in Chrome developer tools.