મુખ્ય સમસ્યા એ છે કે જો વપરાશકર્તા ઝૂમ બોક્સની બહાર ક્લિક કરે છે, તો ઝૂમ લૉક થઈ જશે અને તેઓ ઝૂમ ઇન અથવા આઉટ કરી શકશે નહીં.
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
વ્યુપોર્ટ એ વેબ પેજનો વપરાશકર્તાનો દૃશ્યક્ષમ વિસ્તાર છે. તે ઉપકરણ સાથે બદલાય છે, અને કમ્પ્યુટર સ્ક્રીન કરતાં મોબાઇલ ફોન પર નાનું હશે.
પહોળાઈ=ઉપકરણ-પહોળાઈનો ભાગ ઉપકરણની પહોળાઈને અનુસરવા માટે વ્યૂપોર્ટની પહોળાઈને સેટ કરે છે (જે ઉપકરણના આધારે બદલાય છે).
પ્રારંભિક-સ્કેલ=1.0 ભાગ પ્રારંભિક ઝૂમ સ્તરને સેટ કરે છે જ્યારે પૃષ્ઠને પ્રથમ વખત બ્રાઉઝર દ્વારા લોડ કરવામાં આવે છે.
મહત્તમ-સ્કેલ=1.0 ભાગ સેટ કરે છે કે વપરાશકર્તાને પૃષ્ઠ પર કેટલી ઝૂમ કરવાની મંજૂરી છે. 1.0 ના મૂલ્યનો અર્થ એ છે કે કોઈ ઝૂમ કરવાની મંજૂરી નથી.
user-scalable=કોઈ ભાગ કોઈ પણ ઝૂમિંગને નિષ્ક્રિય કરતું નથી જે અમુક ઉપકરણો પર ડિફોલ્ટ રૂપે ઉપલબ્ધ હોઈ શકે (જેમ કે ઝૂમ ઇન કરવા માટે ડબલ-ટેપ કરવું).
મોબાઇલ વેબ પેજ પર ઝૂમ કેવી રીતે અક્ષમ કરવું
HTML માં મોબાઇલ વેબ પેજ પર ઝૂમને અક્ષમ કરવા માટે, નીચેના કોડનો ઉપયોગ કરો:
આ પેજને જે ઉપકરણ પર જોવામાં આવી રહ્યું છે તેની પહોળાઈને ફિટ કરશે.
ઝૂમ બંધ કરો
HTML માં ઝૂમ ઓફ કરવા માટે, ઝૂમ પ્રોપર્ટીનો ઉપયોગ કરો. દાખ્લા તરીકે:
ઝૂમ: 1;
HTML સ્કેલિંગ બંધ કરો
HTML સ્કેલિંગ એ HTML ની એક વિશેષતા છે જે વેબ બ્રાઉઝર્સને નાની અથવા મોટી સ્ક્રીન પર વધુ વાંચી શકાય તે માટે ટેક્સ્ટ અને છબીઓના કદને મોટું અથવા ઘટાડવાની મંજૂરી આપે છે. આ સુવિધા મોટાભાગના બ્રાઉઝર્સમાં html-સ્કેલિંગ પ્રોપર્ટીને "કોઈ નહીં" પર સેટ કરીને બંધ કરી શકાય છે.