# Zoom websdk css width and height problems

**URL:** <https://devforum.zoom.us/t/zoom-websdk-css-width-and-height-problems/41319>\
**Category:** Web\
**Created:** [January 22, 2021, 9:07pm UTC](https://devforum.zoom.us/t/zoom-websdk-css-width-and-height-problems/41319 "2021-01-22T21:07:08Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![vermont](https://avatars.discourse-cdn.com/v4/letter/v/ce7236/32.png) [@vermont](https://devforum.zoom.us/u/vermont)\
**Post date:** [January 22, 2021, 9:07pm UTC](https://devforum.zoom.us/t/zoom-websdk-css-width-and-height-problems/41319/1 "2021-01-22T21:07:09Z")

</div>

I am using zoom websdk inside my view. 3 columns layout.  
i put the zoom inside the middle column. this columns does not exceed 600px.

The problem is that the zoom websdk always give properties that breaks my entire design. and i need to try to catch all CSS behavior breaks and try to disable them. (disable properties like .active-video-container\_\_wrap{min-width: …}). Also i need to tackle some ratio problems.

the problem is that it never stops. always new problems.  
i just want the websdk to act normally. and to not exceed the 100% of the div/colum. which should be 600 px. with a normal width/height ratio

Would appreciate any help on this. thank you

**Which version?**  
1.8.5

---

<div class="post-metadata">

**Author:** ![MaxM](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/maxm/32/42303_2.png) [@MaxM](https://devforum.zoom.us/u/MaxM)\
**Post date:** [January 23, 2021, 12:33am UTC](https://devforum.zoom.us/t/zoom-websdk-css-width-and-height-problems/41319/2 "2021-01-23T00:33:26Z")

</div>

Hey @vermont,

Thank you for reaching out to the Zoom Developer Forum. Currently, the Web SDK does not support responsive sizing, although, this is something we are actively working to add in the future.

In the meantime, as you’ve seen, customizing the sizing with CSS and JS is the best option. You may also see that upgrading to v1.8.6 offers some solutions to issues that you may be having.

I’m sorry I’m not able to offer more advice here. Let me know if you have any questions.

Thanks,  
Max

---

<div class="post-metadata">

**Author:** ![vermont](https://avatars.discourse-cdn.com/v4/letter/v/ce7236/32.png) [@vermont](https://devforum.zoom.us/u/vermont)\
**Post date:** [January 23, 2021, 7:54am UTC](https://devforum.zoom.us/t/zoom-websdk-css-width-and-height-problems/41319/3 "2021-01-23T07:54:28Z")

</div>

Thanks for your answer. I updated to 1.8.6 and did not see any change in behavior.

I think this should be the number 1 priority for you guys. because… the entire web is responsive. and zoom should be too. it’s hard for me to launch this feature with this kind of broken behavior.

Thanks

---

<div class="post-metadata">

**Author:** ![tommy](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/tommy/32/72769_2.png) [@tommy](https://devforum.zoom.us/u/tommy)\
**Post date:** [January 25, 2021, 5:19pm UTC](https://devforum.zoom.us/t/zoom-websdk-css-width-and-height-problems/41319/4 "2021-01-25T17:19:14Z")

</div>

Hey @vermont ,

We are working on a more flexible Web SDK that will solve this issue for you.

In the meantime, please checkout my post here:

> [@ZoomMtg is overwriting all css in my entire ReactJS website](https://devforum.zoom.us/t/zoommtg-is-overwriting-all-css-in-my-entire-reactjs-website/16360/5):
>
> Hey @gabriel.rf0, @jude.niroshan11, This is currently how the Web SDK works. You can try adjusting the Web SDK CSS or host the Web SDK on a sub domain / path seperate from your app so it does not break your styling. We are working on a more customizable Web SDK in the future. Thanks, Tommy

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/6/1/614bdd549b610bbaa46ff934617683a02bdaa03c.png) [@system](https://devforum.zoom.us/u/system)\
**Post date:** [February 25, 2021, 3:19am UTC](https://devforum.zoom.us/t/zoom-websdk-css-width-and-height-problems/41319/5 "2021-02-25T03:19:40Z")

</div>

Closed on February 25, 2021, 3:19am UTC

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
