Public AI explainer video
Responsive વેબસાઇટ બનાવવાની ટેકનિક મહત્વની CSS ટેકનિક 01....
Responsive વેબસાઇટ બનાવવાની ટેકનિક મહત્વની CSS ટેકનિક 01. Viewport Meta Tag HTML માં <meta name="viewport"> ઉમેરો — આ મોબાઇલ સ્ક્રીનને યોગ્ય રીતે સેટ કરે...
Prompt
Source idea used to generate this video.
Responsive વેબસાઇટ બનાવવાની ટેકનિક મહત્વની CSS ટેકનિક 01. Viewport Meta Tag HTML માં <meta name="viewport"> ઉમેરો — આ મોબાઇલ સ્ક્રીનને યોગ્ય રીતે સેટ કરે છે 02. Media Queries CSS માં @media નો ઉપયોગ કરીને અલગ-અલગ સ્ક્રીન માટે અલગ સ્ટાઇલ લખો 03. Flexible Layouts width: 100%, max-width અને flexbox નો ઉપયોગ કરો Media Query ઉદાહરણ CSS /* મોબાઇલ સ્ક્રીન માટે */ @media (max-width: 600px) { body { font-size: 14px; } .container { width: 100%; padding: 10px; } } નોંધ: આ કોડ 600px થી નાની સ્ક્રીન (મોબાઇલ) પર ફોન્ટ કદ ઘટાડશે અને કન્ટેનરને પૂરી પહોળાઈ આપશે.
More examples