Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

Issue with CSS Transform and Zoom in Firefox

  • No replies
  • 0 have this problem
  • 4 views
Syed Ali Shah
Syed Ali Shah
more options

Dear Firefox Support Team,

I hope this message finds you well. I am writing to bring to your attention an issue I have encountered with CSS styling on Mozilla Firefox.

I have implemented the following CSS properties on my website to achieve a zoom effect: body { 

    zoom: 70%;

} but it is not supported by Firefox.

I tried this approach: body{ 

 transform: scale(0.7);
 transform-origin: 0 0;

}

While this approach is supported by Firefox, I am experiencing an unexpected behavior. Instead of a smooth zoom effect, the entire website is zoomed out, and the content is shifted to the left, leaving the right side blank with a white space.

I have attached a screenshot for your reference.

I have tried various alternatives, including using the zoom property, but it seems that Firefox does not support it. I am seeking assistance in resolving this issue and ensuring a consistent and smooth zoom effect across different browsers, including Firefox.

Your guidance and support in resolving this matter would be greatly appreciated. If there are any workarounds or best practices to achieve a zoom effect without causing layout distortions, I would be eager to learn about them.

Thank you for your time and assistance. I look forward to your response.

Best regards,

Dear Firefox Support Team, I hope this message finds you well. I am writing to bring to your attention an issue I have encountered with CSS styling on Mozilla Firefox. I have implemented the following CSS properties on my website to achieve a zoom effect: body { zoom: 70%; } but it is not supported by Firefox. I tried this approach: body{ transform: scale(0.7); transform-origin: 0 0; } While this approach is supported by Firefox, I am experiencing an unexpected behavior. Instead of a smooth zoom effect, the entire website is zoomed out, and the content is shifted to the left, leaving the right side blank with a white space. I have attached a screenshot for your reference. I have tried various alternatives, including using the zoom property, but it seems that Firefox does not support it. I am seeking assistance in resolving this issue and ensuring a consistent and smooth zoom effect across different browsers, including Firefox. Your guidance and support in resolving this matter would be greatly appreciated. If there are any workarounds or best practices to achieve a zoom effect without causing layout distortions, I would be eager to learn about them. Thank you for your time and assistance. I look forward to your response. Best regards,
Attached screenshots