title: Rectangles have different size but their properties are the same
body: <p>There are two lines made by <code>Rectangle</code>:</p>
  
  <pre><code>// Horizontal line
  Rectangle {
          // ...
          width:  parent.width * 0.26   // line length
          height: lineWidth             // line width
          // ...
  }
  
  // Vertical line
  Rectangle {
          // ..
          width:  lineWidth // line width
          height: parent.height * 0.56 // line length
          // ..
  }
  </code></pre>
  
  <p><code>lineWidth</code> is a property and it is the same for all lines.</p>
  
  <pre><code>readonly property real lineWidth: height * 0.0035 
  // 'height' is the height of the window
  </code></pre>
  
  <p>A window 800x600 looks good - all lines have the same width. But when I resize window, they don't look the same, although their properties are the same (log from console):</p>
  
  <pre><code>qml: Vertical line: 2.1
  qml: Horizontal line: 2.1
  qml: Vertical line: 2.1035
  qml: Horizontal line: 2.1035
  qml: Vertical line: 2.107
  qml: Horizontal line: 2.107
  qml: Vertical line: 2.1105
  qml: Horizontal line: 2.1105
  qml: Vertical line: 2.114
  qml: Horizontal line: 2.114
  qml: Vertical line: 2.1175
  qml: Horizontal line: 2.1175
  qml: Vertical line: 2.121
  qml: Horizontal line: 2.121
  ....
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/2vbls.png" alt="Comparison between 800x600 and 1365x717"></p>
  
  <p>In addition, there's difference not only in vertical and horizontal lines. Parallel lines (both vertical and horizontal) have the difference too.</p>
  
  <p>Could you please explain me what's wrong?</p>