Short answer to your question: “Yes”.
Your question has been answered in different manners by others, each containing useful information. Here’s my attempt, synthesizing & expanding on the foregoing posts. For simplicity here I will not be going into a Hype document used in an iFrame on another web page, placed in Muse, etc. - just a Hype page on its own. This way if there is a problem with another environment you will know it is not because the Hype animation itself is failing - rather there are other issues involving the placement in another document.
The scaling aspect involves Flexible Layouts where elements can scale based on the settings in the “Flexible Layout” area of the “Metrics” panel.
Note: The “Layout Size” in the “Scene” panel needs to have the corresponding “Width” & “Height” Scale checkboxes checked for flexible scaling to function.
Responsive uses Hype’s “Layouts” which are “scenes in a scene” and are configured discretely.
So we have “Scene 1” which has separate layouts “iPhone” & “Default” which have separate settings for each layout. Elements, including Symbols, are not automatically shrunk~enlarged simply by adding a new, different sized layout. You manually make these sorts of adjustments to the elements.
Attached is an example of Responsive & Flexible working together - one Scene with two layouts. The Symbol scales in both layouts, but only because I set the Symbol to respond that way.
Hype Project: Responsive-Flex.hype.zip (27.8 KB) - Demo here.