文章 2024-12-01 来自:开发者社区

Foundation CSS 可见性4

触屏设备的显示与隐藏你可以根据设备是否支持触摸来显示与隐藏元素。 类 描述.show-for-touch 在支持触屏的设备上显示(不支持的设备上隐藏).hide-for-touch 在支持触屏的设备上隐藏(不支持的设备上显示)下面实例根据设备是否支持触摸来显示文本内容: 实例 你的设备支持触屏。你的设备不支持触屏。

文章 2024-11-30 来自:开发者社区

Foundation CSS 可见性3

根据屏幕方向显示元素以下类会根据设备(屏幕尺寸)来隐藏元素。 我们可以设置元素在不同方向是是否显示或隐藏。笔记本等桌面设备一般是横向的,但是手机和平板设备可以是横向或纵向,我们可以根据用户手机拿的方向来设置元素隐藏与显示: 类 描述.show-for-landscape 在横向时显示元素(纵向隐藏).show-fo...

文章 2024-11-30 来自:开发者社区

Foundation CSS 可见性2

根据屏幕尺寸隐藏元素以下类会根据设备(屏幕尺寸)来隐藏元素。 类 描述.hide-for-small-only 只在小型设备上隐藏元素 (屏幕宽度小于 40.0625em ).hide-for-medium-up 在中型及以上设备上隐藏元素 (屏幕宽度大于 40.0625em).hide-for-medium-only 只在中型设备上隐藏元素 (屏幕宽度在 40.0625...

文章 2024-11-30 来自:开发者社区

Foundation CSS 可见性1

Foundation CSS 可见性根据屏幕尺寸显示元素以下类会根据设备(屏幕尺寸)来显示元素。 类 描述.show-for-small-only 只在小型设备上显示元素 (屏幕宽度小于 40.0625em ).show-for-medium-up 在中型及以上设备上显示元素 (屏幕宽度大于 40.0625em).show-for-medium-only 只在中型设备上显...

文章 2024-11-29 来自:开发者社区

Foundation CSS 参考手册3

其他类 描述 实例.left 元素向左浮动 尝试一下.right 元素向右浮动 尝试一下.clearfix 清除浮动 - 必须添加在浮动元素的父元素上.hide 隐藏元素 (CSS display: none) 尝试一下.list-inline 将所有元素设置在同一行 尝试一下.lead 让 元素更突出 尝试一下.s...

文章 2024-11-29 来自:开发者社区

Foundation CSS 参考手册2

文本对齐使用 CSS 类来修改文本的对齐方式: 类 描述 实例.text-left 左对齐文本 尝试一下.text-right 右对齐文本 尝试一下.text-center 居中 尝试一下.text-justify 两端对齐 尝试一下不同尺寸屏幕的对齐使用 CSS 类来修改文本的不同尺寸屏幕的对齐方式: 类 ...

文章 2024-11-29 来自:开发者社区

Foundation CSS 参考手册1

Foundation CSS 参考手册Foundation 默认设置Foundation 使用浏览器默认字体大小 (font-size:100%)。对于大多数桌面设备的浏览器来说,字体大小默认为 16px。对于移动设备的浏览器,字体默认大小为 12px。 默认的字体为 "Helvetica Neue", line-height 默认为 1...

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

开发与运维

集结各类场景实战经验,助你开发运维畅行无忧

+关注