【问题标题】:How can I make my menu automatically scale itself to fit different screen sizes?如何让我的菜单自动缩放以适应不同的屏幕尺寸?
【发布时间】:2015-12-01 00:58:39
【问题描述】:

我已经使用 CSS 和 HTML 创建了我的第一个性感菜单,但是我怎样才能让它根据屏幕大小自动重新缩放。在 iPad 上查看网页时,菜单离开页面?

http://ahdecor8.co.uk/menu/

【问题讨论】:

    标签: html css menu responsive-design autoscaling


    【解决方案1】:

    您可以为不同的屏幕尺寸指定不同的 CSS 样式选项,请查看下面的 url 以了解如何执行此操作: http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

    【讨论】:

    • 很遗憾,这没有帮助,还有其他建议吗?
    • 你能告诉我你正在使用的媒体尺寸的代码吗?
    • 您可以添加@media 对象以使其自动调整大小,以便我查看您是否正确执行此操作?
    • 完成,我已将代码添加到顶部并在底部关闭它。我是否也必须为每个元素添加某些东西?新手,所以谢谢你的帮助伙计! :)
    • 您目前拥有媒体中的所有内容,您只需要在页面底部制作一个单独的媒体部分,您只需指定当屏幕尺寸小于通常时必须覆盖的内容应该。像这样(在页面底部,保持工作代码相同)pastebin.com/4Yt0Dqer
    猜你喜欢
    • 2018-01-12
    • 1970-01-01
    • 2022-01-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多