gpt4 book ai didi

html - Zurb Foundation 最大行 768 像素

转载 作者:太空宇宙 更新时间:2023-11-03 21:39:13 25 4
gpt4 key购买 nike

我是 zurb foundation 的新手,我必须为 768 像素的小屏幕设计网页,我正在使用 zurb foundation 进行设计。下面是我的基本 HTML 架构

 <!doctype html> 
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Mailing Subscription Form</title>
<link rel="stylesheet" href="css/foundation.css" />
<script type="text/javascript" src="js/vendor/modernizr.js"></script>
</head>
<body>
<form id="form1" runat="server">
<div class="row">
<div class="large-12 columns" style="background-color:Red;">
<h1>Welcome to Foundation</h1>
</div>
</div>
</form>
</body>
</html>

宽度默认选项我的 row 宽度是 1000px,我如何在 zurb foundation 中将我的 row 宽度限制为最大 768 像素。

更新:

如果您希望它具有响应性,请使用以下 CSS:

.row
{
max-width:768px;
}

最佳答案

如果您可以控制 css,只需添加(更改 foundation.css)

.row
{
width: 768px;
}

关于html - Zurb Foundation 最大行 768 像素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24720899/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com