我想学习一些网站开发的基础知识,以便我可以控制网站的外观和设计。
我的网站开发人员说,从左到右渐变的全屏标题不起作用,因为手机的屏幕尺寸从 1920 到 420 不同。我的网站正在针对手机浏览进行优化。有没有解决的办法?
我有我所指的图像。我如何发布它让用户在这里看到?(我的网站是一个定制的 Magenta Go 网站。)
我想学习一些网站开发的基础知识,以便我可以控制网站的外观和设计。
我的网站开发人员说,从左到右渐变的全屏标题不起作用,因为手机的屏幕尺寸从 1920 到 420 不同。我的网站正在针对手机浏览进行优化。有没有解决的办法?
我有我所指的图像。我如何发布它让用户在这里看到?(我的网站是一个定制的 Magenta Go 网站。)
让水平渐变在大屏幕和移动设备上工作的一般方法是使用 CSS 渐变,例如这个示例。您可以在Can I Use网站上找到支持 CSS 渐变的浏览器的指示。
这个问题不是很清楚,但是您正在寻找的可能是CSS3 媒体查询和“响应式设计”。
我真的建议看看 Twitter Bootstrap 是如何做到的:http: //twitter.github.io/bootstrap/scaffolding.html#responsive
基本上,您针对不同的屏幕宽度修改 CSS,可能在您的情况下为每种情况提供不同的渐变。在大多数情况下,上述文档中由 Twitter Bootstrap 定义的屏幕类别似乎相当合理。