2013-01-07 23 views
0

我在my website的右下角放置了一個手柄,用戶可以抓住並拖動到左側,以觀察設計如何適應不同的瀏覽器窗口大小(「響應式設計」)。如何使用HTML元素來調整自己的瀏覽器窗口?

所以我將此添加到我的HTML:

<a id="drag-me" title="Drag me to the left"></a> 

title屬性使一個小工具提示彈出,這是很好。

不過,有些用戶不明白我的意思,並試圖抓住紅色anchor元素本身,而不是瀏覽器窗口的右下角。

有什麼辦法改善嗎?

感謝您的任何想法...

+2

老實說,我是一名Web開發人員,我認爲的第一件事是搶紅色的東西。完全失去它並以另一種方式解釋這個概念。當瀏覽器最大化(該礦山一直是,除非我正在測試),你不能看到縮放柄無論如何,這使得它的是更加混亂。如果你真的需要讓箭頭指向角落,不要進入屏幕,並使用CSS彈出來明確地解釋你打算用戶做什麼。 –

+0

非常感謝!你是絕對正確的。我只是改變了我的設計。 「Zieh密歇根州」是德語「拖箱」,讓我的觀衆將有望得到現在的想法。我還添加了一個工具提示。 – Tintin81

回答

0

你必須給你在JavaScript中window.resizeTo()方法來調整窗口。不幸的是,一些瀏覽器會阻止它,包括鍍鉻:

0

使用位置固定;底部:0;正確:0在CSS中, 因此每次都能夠在當前瀏覽器屏幕上看到您的處理程序元素

相關問題