我的網站在手機上看起來不一樣


本文係由機器翻譯而成。如發現錯誤,請告知我們。

我的網站在手機上看起來不一樣

是什麼原因導致此問題

自動重排功能會垂直堆疊元素,讓 Canva 網站建置適合不同的螢幕尺寸,因此寬版全螢幕元素可能無法完全調整尺寸,且瀏覽器、瀏覽器版本和裝置尺寸也可能會導致網站顯示不同。

該怎麼做

  1. 檢查是否重疊:選取設計中的元素,並調整大小或裁切,讓邊框不要互相接觸。
  2. 拆分寬版元素:將橫跨整個寬度的大型元素,改成較小且能整齊堆疊的元素。
  3. 保持在安全邊界內:將重要元素放在安全邊界範圍內。
  4. 在行動裝置上預覽:編輯時使用行動裝置預覽面板。請將其視為近似效果,因為發布後的網站可能會因裝置和瀏覽器而異。
  5. 群組並鎖定:將相關元素組成群組,然後鎖定該群組,讓它們保持在一起。

建立元素群組

如果你希望特定元素固定在一起,可以建立羣組。否則,這些元素在行動裝置檢視中將會分開顯示。

  1. 將游標拖曳到您要群組的元素上。您也可以按住鍵盤上的 Shift 鍵並選取元素。
  2. 在浮動工具列上,選取
    群組。
  3. 若要查看您群組的元素在行動裝置上的顯示方式,請按一下 預覽。
  4. 在預覽面板中,按一下
    行動裝置 按鈕以查看行動裝置版面配置。

以下示範文字方塊在行動裝置檢視中彼此堆疊的情況。

這對你有幫助嗎?

有幫助

沒有幫助

其他人也看了