diff --git a/src/components/FloatingColorPalette.tsx b/src/components/FloatingColorPalette.tsx
index 5a10629..4ad4448 100644
--- a/src/components/FloatingColorPalette.tsx
+++ b/src/components/FloatingColorPalette.tsx
@@ -45,10 +45,10 @@ const FloatingColorPalette: React.FC<FloatingColorPaletteProps> = ({
   isActive,
   onActivate
 }) => {
-  // 计算初始位置，确保在屏幕内显示
+  // 计算初始位置，确保左边缘在屏幕内（小屏幕时右边缘可以超出）
   const getInitialPosition = () => ({
-    x: Math.max(20, Math.min(20, window.innerWidth - 300)),
-    y: Math.max(100, Math.min(100, window.innerHeight - 400))
+    x: Math.max(0, Math.min(20, window.innerWidth - 280)), // 确保左边缘至少是0
+    y: Math.max(0, Math.min(100, window.innerHeight - 400)) // 确保上边缘至少是0
   });
   
   const [position, setPosition] = useState({ x: 20, y: 100 });