所有屏幕的梯度全屏幕標題，包括從1920像素到420像素的手機

Question

我想了解網站開發的一些基本知識，以便我可以控制網站的外觀和設計。

我的網站開發人員說，從左到右的漸變全屏幕標題將無法使用，因爲手機的屏幕尺寸從1920降至420。我的網站正在針對手機瀏覽進行優化。有沒有解決的辦法？

我有我指的是一個圖像。我如何發佈它以供用戶在此處查看？ （我的網站是一個定製的Magenta Go網站。）

Answer 1

這個問題並不十分清楚，但您可能需要的是CSS3 Media Queries和「響應式設計」。

我真的建議看Twitter的引導是怎麼做的吧：http://twitter.github.io/bootstrap/scaffolding.html#responsive

基本上，您修改CSS爲不同的屏幕寬度，可能你的情況對每種情況提供不同的梯度。在上述文檔中由Twitter Bootstrap定義的屏幕類別在大多數情況下似乎相當合理。

Answer 2

在大屏幕和手機上獲取水平漸變的一般方法是使用CSS漸變like this example。您可以在Can I Use網站上找到indication of browsers that support CSS gradients。