在網站上為文本創建放大鏡

Question

我正在嘗試找到HMTL代碼來創建一個可以放大網站上文本的放大鏡，但是我只能找到圖像代碼。

有人可以幫我嗎？ 恐怕我不太懂代碼！

Answer 1

我認為您最好的選擇是使用CSS懸停命令來放大或縮小文本。 （為簡單起見）

像這樣：

.grow:hover { transform: scale(1.1); }

但

如果您想對過程進行更好的解釋，請參閱@Andy對以下問題的回答： 如何在網頁圖像（Javascript）上模擬放大鏡？

它在跨多個Web瀏覽器的響應式放大鏡功能的邏輯創建方面更加深入。 （還提供了很好的參考，可以使您更加熟悉html，css和js的工作方式）