Final answer:
The correct style rule for setting the width of the page body to 90% while also setting a range of 320 to 960 pixels is a) body {width: 90%; min-width: 320px; max-width: 960px;}.
Step-by-step explanation:
The correct option to set the width of the page body to 90% of the browser window while also defining a range from 320 pixels up to 960 pixels is:a) body {width: 90%; min-width: 320px; max-width: 960px;This style rule ensures that the page body will occupy 90% of the browser window's width at any time. However, it also defines minimum and maximum widths. The min-width: 320px ensures that the width doesn't shrink below 320 pixels, while max-width: 960px ensures it does not exceed 960 pixels, making the website responsive to different screen sizes.
The correct style rule to set the width of the page body to 90% of the browser window ranging from 320 pixels up to 960 pixels is:The correct style rule to set the width of the page body to 90% of the browser window ranging from 320 pixels up to 960 pixels isa) body {width: 90%; min-width: 320px; max-width: 960px;}this rule sets the initial width to 90% of the browser window, with a minimum width of 320 pixels and a maximum width of 960 pixels. This ensures that the body element will resize responsively within this range.a) body {width: 90%; min-width: 320px; max-width: 960px;}This rule sets the initial width to 90% of the browser window, with a minimum width of 320 pixels and a maximum width of 960 pixels. This ensures that the body element will resize responsively within this range.