当菜单不适合其最大屏幕尺寸时，用于响应式桌面全局导航的模板

2022-05-05 css

以下示例是关于Css中包含当菜单不适合其最大屏幕尺寸时，用于响应式桌面全局导航的模板用法的示例代码，想了解当菜单不适合其最大屏幕尺寸时，用于响应式桌面全局导航的模板的具体用法？当菜单不适合其最大屏幕尺寸时，用于响应式桌面全局导航的模板怎么用？当菜单不适合其最大屏幕尺寸时，用于响应式桌面全局导航的模板使用的例子？那么可以参考以下相关源代码片段来学习它的具体使用方法。

所有屏幕尺寸超过1024px的模板.

文件名：desktop-responsive-gnav-menu.css[英]：Template for responsive desktop global navigation when the menu doesn’t fit in its largest screen size源码类型：Css

/* Responsive Global Navigation on Desktop */
@media screen and (min-width: 64em) and (max-width: 74.75em) {
    section[id*="aw-core-visitormainmenu"][class*="website-navigation"] .dropdown.menu > li > a {
        font-size: 12.25px;
        padding: 0.7rem 0.46rem;
    }
}
@media screen and (min-width: 74.813em) and (max-width: 85.563em) {
    section[id*="aw-core-visitormainmenu"][class*="website-navigation"] .dropdown.menu > li > a {
        font-size: 14.25px;
        padding: 0.7rem 0.64rem;
    }
}
@media screen and (min-width: 85.625em) {
    section[id*="aw-core-visitormainmenu"][class*="website-navigation"] .dropdown.menu > li > a {
        font-size: 15.75px;
        padding: 0.7rem 0.93rem;
    }
}

本文地址：https://www.itbaoku.cn/snippets/785102.html

上一篇：访问集团

下一篇：重新验证码检查

相关教程

Foundation教程

初学者基础教程 - 从简单和简单的步骤学习基础，从基本到高级概念，包括概述，安装，入门项目，厨房水槽...

Bootstrap教程

初学者Bootstrap教程 - 从基本到高级概念的简单简单步骤学习Bootstrap，其中包括概述...

Windows 10教程

Windows 10概述 - 从简单和简单的步骤学习Windows 10，从基本到高级概念，包括概述...

Struts 2 教程

Apache Struts 2是一个优雅，可扩展的框架，用于创建企业级Java Web应用程序.该框...

Joomla教程

Joomla概述 - 从基本概念到高级概念，从简单和简单的步骤学习Joomla，其中包括概述，安装，...

W3CSS教程

W3.CSS初学者教程 - 从基本到高级概念的简单易学步骤学习W3.CSS，包括概述，环境设置，容器...

最新源代码片段分享

在银色，现代或黎明框架上的粘性海...

watsontcp

WooCommerce终点标题

fb_leads_zap

枚举替代

现代化的线索

home_advisor

文档窗口宽度

server.js带有重写

使用Homebrew将PHP更新...

Swiper的示例具有分页圈边界...

截断日志文件

完全禁用评论

打字稿一般信息

不错的vim之路

更改序列化字段时如何更新对象?

Baoperg

统一的属性序列化

通常是header_01

HeaderScrollClas...

HeaderBgClassSwi...

首先，读取循环的总数，例如n，下...

一个数据中的一个数据

每行只有一个数据

jQuery选择器上下文

Shopify排序设置

CEIL功能

地板功能

操作每个像素的canvas2d绘...

摘自https://beebom...

热门代码标签

abap abc actionscript ada apache_conf applescript asciidoc asl assembly assembly_x86 autohotkey basic batchfile c c_cpp cirru clojure coffee coldfusion cpp csharp css d dart delphi diff dockerfile dot ejs elixir elm erlang excel forth fortran gdscript gitignore glsl go golang graphqlschema groovy haml handlebars haskell haxe html html_ruby ini io jade java javascript json jsoniq jsp jsx julia kotlin latex

当菜单不适合其最大屏幕尺寸时，用于响应式桌面全局导航的模板

相关源代码片段分享

相关文章

相关教程