搜尋 Mozilla 技術支援網站

防止技術支援詐騙。我們絕對不會要求您撥打電話或發送簡訊,或是提供個人資訊。請用「回報濫用」功能回報可疑的行為。

Learn More

Issue with CSS Transform and Zoom in Firefox

  • 無回覆
  • 0 有這個問題
  • 1 次檢視
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,
附加的畫面擷圖

如果您還沒有帳號,您必須先登入帳號 來回覆文章。還沒有帳號的話,只能發問新問題