AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |
Back to Blog
Pano2vr tour12/16/2023 Note: The CSS values remain the same as the percentage values.Why are 3D panoramas better than photos and videos, and how do they attract more attention of Clients? In the next step we are going to replace the percentages with Viewport Units. There are 4 viewport units – vw, vh, vmin, and vmax – they work similarly to existing length units like px or em, but represent a percentage of the current browser viewport. In our example we are going to use Viewport Width (vw) – is a percentage of the full viewport width. A setting of 70vw will resolve to 70% of the current viewport width. The difference between % and vw is most similar to the difference between em and rem. Pano2vr embedding full#Ī % length is relative to local context (containing element) width, while a vw length is relative to the full width of the browser window. In order to maintain the ratio 16:9 we need to perform a calculation that uses the value of vw, representing the value 16, multiplied by a number that represents the value 9. To find that number we divide 9 by 16 to get 0.5625Ĥ. With the txt_iframe_16:9 element still selected, in the Properties > Position > Size > Width: change 70% to 70vwĥ.
0 Comments
Read More
Leave a Reply. |