In the process of developing an ASP.NET MVC application with Bootstrap for view layout, I encountered a challenge specific to multiline Textareas and their width behavior. The target browser for this project is IE 10+ and my goal is to restrict the maximum width of these Textareas to 700px while still allowing them to adapt to smaller window sizes.
To address this issue, I created a custom class in Site.css file but found that setting the width property to 700px resulted in fixed width disregarding window size changes. On the other hand, using max-width initially constrained the size even on wider windows. Is there a solution to achieve the desired resizing effect without sacrificing initial or maximum width requirements?