I've completed the design for a website that works well in Firefox, Chrome, IE11 and Safari (all for the desktop). I deliberately made sure that all of the elements, when sizing was necessary, were sized as a percentage of the screen or its parent element. The only exception to this was font size, which I set in pixels for the desktop and included a media style for other devices which adjusted the font sizes to smaller fonts. When this web site is viewed in the "Responsive Design Mode" of my browser, however, it does not fully scale down to match the screen width as it should. Instead, I get about 2/3rds to 3/4trs of the page width in the screen of the "Responsive Design Mode," with the rest hanging out to the right beyond the screen' edge (see attached screenshot). If its working properly, the web site should fill the screen completely with no sections hanging out to the right beyond the screen' edge. I know it may be asking a lot, given the sketchy information I've been able to provide here but can anyone point me into a direction that might correct this issue?
33.1 KB Views: 4