+ Start a Discussion
Alex Wong 4Alex Wong 4 

Text width in Responsive Design

I am quite new for both html and salesforce. I am going to create a form for public information collection. At this stage, I can create a simple responsive design with this code.
<meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />

Since all my elements are short in length, everything work fine. However, when I want to add passage for introduction, the problems come. If I do not modify any properties, it work fine in mobile design. But in standard design, it would be too wide. I want to utilize 40%-50% in standard view. But when I set it in the css, the problem appear in mobile design. Mobile design will only blindly follow the 40%-50% rules, but I want it to be a 100% on mobile design. Thanks for all your help.