腾讯云

开发者社区

文档建议反馈控制台

首页

文章/答案/技术大牛

发布

社区首页 >问答首页 >您可以将Zurb Foundation的响应断点从640px更改为768px吗？

问您可以将Zurb Foundation的响应断点从640px更改为768px吗？
EN

Stack Overflow用户

提问于 2016-02-05 15:51:01

回答 1查看 149关注 0票数 2

您可以将Zurb Foundation的第一个断点从640px更改为768px吗？(这样做有副作用吗?这是一种普遍且普遍接受的做法吗？)

我认为Bootstrap的第一个断点是768px，它确实为“桌面”浏览器或平板电脑提供了更多的空间。640px实际上可能太窄了，不适合所有的东西，而且它一直到1024px，所以很难为介于两者之间的任何东西设计。

在640px时，我们将header元素下推到行中，因此需要使用有限的边距空间设置项的样式，而在900px左右时，边距空间是%值，因此它们得到扩展，但仍然有些狭窄。

zurb-foundation

zurb-foundation-5

云联络中心6.1折起

灵活稳定的一体化云联络中心，助力快速搭建集电话、在线交流、音视频通话为一体的客户联络平台

回答 1

Stack Overflow用户

发布于 2016-02-10 11:19:04

如果您使用的是SASS版本的foundation，那么更改断点很容易。看一下_settings.scss文件，下面是几行相关的代码：

$breakpoints: (
  small: 0,
  medium: 640px,
  large: 1024px,
  xlarge: 1200px,
  xxlarge: 1440px,
);
$breakpoint-classes: (small medium large);

因此，对于您正在尝试实现的目标，您可以简单地将medium的值更改为768，如果您愿意，还可以增加large。注意，缺省情况下，断点类的数组不包含xlarge和xxlarge -如果需要这些额外的类，只需将它们添加到数组中即可。如果需要，您也可以定义自己的。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/35228210

复制

HTML中的标记

html 表单表格计算机框架

文章目录前言块级元素行内元素行内块级元素 ---- 前言 HTML中的标记块级元素 h1-h6>>1-6级标题 p>>段落 div>>定义文档中的节 ul>>定义无序列表 ol>>定义有序列表 li>>定义无序列表与有序列表中的项 hr>>水平线 address>>定义文档作者或拥有者的联系信息 blockquote>>定义长的引用 pre>>定义预格式文本 form>>定义表单 fieldset>>定义围绕表单中元素的边框 legend>>定义 fieldset 元素的

MIKE笔记

2023/03/23

5.6K0

HTML多媒体标记与框架标记

html

在html中可以使用多媒体标记来在网页上播放音频文件，或者显示一些好看的图片用来装饰网页。Flash文件也可以通过相应的标记显示在网页上，<video>标签是用于在网页上播放视频文件的。

端碗吹水

2020/09/23

3K0

HTML布局标记和列表标记

border table 表格布局

首先要介绍的布局标记是div标记，div可以做网页的层也可以做网页的分区。当div做网页的层时可以实现漂浮在网页上的效果，就像我们经常可以在网站里看见的那些漂浮广告。div做网页的分区时，则是可以布置网页的格局，把一个网页分为多个模块，由这些模块结构来构建出一个网页。

端碗吹水

2020/09/23

4.2K0

HTML标记之a标签

其他

　　　1.内部链接（当前文档与目标文档在同一站点内）<a href=”目标文档位置及全称”></a>；　　　2.外部链接（当前文档与目标文档不在同一站点内）<a href=”URL(网址)”></a>；　　　3.E-mail链接（并允许访问者向指定的地址发送邮件）<a href=”mailto:电子邮件地址”></a>；　　　4.锚点连接跳转到同一网页或其他文档的指定位置：创建锚点，<a name=”锚点名称”>显示内容</a>链接锚点，<a href=”（URL）#锚点名称”>显示内容</a>；　　　5.空链接，就是没有目标端点的链接，<a href=”#”>显示内容</a>；　　　6.脚本链接：是一种特殊的链接，当单击设置脚本链接的文本或图像时，可以运行相应的JS语句。

阿豪聊干货

2018/08/09

2.4K0

HTML单双标记

html

HTML标记的类型：单标记与双标记一.单标记 (1).<标记名称> 单一型，无属性值。如：<br/> 在xhtml中，规定，所有HTML标记，都要小写，所有的标记都要有关闭。 (2).<标记名称属性="属性值"> 单一型，有属性值。如：<hr width="80%"/> 二.双标记（3）.<标记名称>...</标记名称> 没有属性值。如：<title>...</title> (4）.<标记名称属性=”属性值“>...</标记名称> 有属性。如：<font color="pink">...</

十月梦想

2018/08/29

2.2K0

html常用标签标记

html

本博客所有文章如无特别注明均为原创。作者：十月梦想，复制或转载请以超链接形式注明转自十月梦想博客。原文地址《html常用标签标记》

十月梦想

2018/08/29

1.6K0

HTML标记语法总结

html

语法：<标记名>…标记内容…</标记名>，如：<a>这是百度的主页</a>

阿豪聊干货

2018/08/09

2.1K0

HTML一些标记的认识

html5 flash html 缓存

在HTML5中主要的特性之一就是减少网页对Flash的依赖，很多视频网站和网页游戏都依赖着Flash来运行，很多时候会发现，没有安装Flash就无法打开一些网页，运行Flash对浏览器压力比较大，使用HTML5就可以直接剔除Flash直接通过HTML5来播放视频或者运行网页游戏，这样可以很大程度减轻对浏览器的压力，并且网站开发人员维护起来也要方便得多。虽然HTML5出来有一段时间了，但是国内普遍还是使用着Flash，在国外的网站大部分都已经转用了HTML5，例如YouTube视频网站。

端碗吹水

2020/09/23

1.7K0

php去掉 HTML标记、javascript 代码、空白字符等

php javascript html

代码： preg_replace("'([\r\n])[\s]+'", "", $content) //去除回车换行符 // $document 应包含一个 HTML 文档。 // 本例将去掉

零式的天空

2022/03/02

1.5K0

JavaScript HTML DOM - 改变 HTML

javascript html

今天的日期是： Mon Jul 19 2021 15:52:44 GMT+0800 (中国标准时间)

陈不成i

2021/07/20

4.3K0

HTML5基本标记

搜索引擎 html5 meta 搜索优化

JaneYork

2023/10/11

1600

浅谈JavaScript如何操作html DOMJavaScript 能够改变页面中的所有 HTML 元素改变 HTML 样式** JavaScript 有能力对 HTML 事件做出反应**添加和删除

其他

** 通过 HTML DOM，可访问 JavaScript HTML 文档的所有元素。**

desperate633

2018/08/22

5.8K0

浅谈JavaScript如何操作html DOMJavaScript 能够改变页面中的所有 HTML 元素改变 HTML 样式** JavaScript 有能力对 HTML 事件做出反应**添加和删除

HTML标记之Form表单

其他

从访问的Web站点的用户那里获得信息。访问者可以使用诸如文本域、列表框、复选框以及单选按钮之类的表单元素输入信息，然后单击某个按钮提交这些信息。是客户端与服务器端的交流途径。

阿豪聊干货

2018/08/09

2.5K0

HTML-JavaScript动态添加元素appendChild

网站

开始自学一下前端的基础知识，这里记录一下知识点，毕竟不熟，不记录很容易就忘记了。前端最佳的学习资料就是在MDN，没有之一。

傅_hc

2020/02/18

1.9K0

HTML中的javascript交互

html javascript

在Android开发中，越来越多的商业项目使用了Android原生控件与WebView进行混合开发，当然不仅仅就是显示一个WebView那么简单，有时候还需要本地Java代码与HTML中的javascript进行交互，Android也对交互做了很好的封装，所以很容易实现例如：点击网页中的按钮Android调用原生对话框，点击网页中的电话号码调用Android拨号APP。这篇给大家介绍下如何实现Android与HTML+JS的交互。有的人可能不理解什么是javascript，可以简单理解为它在HTML中

xiangzhihong

2018/02/01

4K0

html & CSS & JavaScript的学习

javascript css html ecmascript 编程算法

一、HTML 1. 概念：是最基础的网页开发语言 * Hyper Text Markup Language 超文本标记语言 * 超文本： * 超文本是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本。 * 标记语言： * 由标签构成的语言。<标签名称> 如 html，xml * 标记语言不是编程语言 2. 快速入门： * 语法： 1. html文档后缀名为.html或者 .htm 2. 标签分为：

Rochester

2020/09/01

6K0

HTML标记语法之列表元素

其他

1.无序列表 <ul> <li type=”项目符号类型”></li> <li type=”项目符号类型”></li> <li type=”项目符号类型”></li> …… <li type=”项目符号类型”></li> </ul> type的可取值：disc:●、circle:○、square:■. 2.有序列表 <ol type=”项目符号类型”start = “列表起点(为数字)” > <l

阿豪聊干货

2018/08/09

1.8K0

HTML标记语法之表格元素

其他

8.直列化格式：<colgroup><colgroup>（<col>与<colgroup>的功能完全一样）

阿豪聊干货

2018/08/09

2.2K0

JavaScript HTML DOM

html javascript

当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。

陈不成i

2021/07/19

7300

HTML标记语言学习笔记

html html5 javascript

本文内容大多粘贴自www.w3school.com.cn/html/index.asp，详情可打开该网站查看，本人仅做简化整理。

Sidchen

2020/08/03

1.9K0

相似问题

与HTML标记的比较

HTML与Javascript的比较

在Javascript中使用for循环的HTML标记比普通的HTML标记慢吗？

122

通过javascript在html标记内添加额外的属性

html标记到普通标记格式

活动推荐

提供大模型在企业的应用构建、高效便捷

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例