问题标签 [unsemantic-css]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
1629 浏览

html - 无语义的网格框架似乎不会创建排水沟

这个问题与无语义网格框架(unsemantic.com)有关。

这是我的html:

这是 unsemantinc 的 CSS 部分,用于定义关键方面:

我使用该unsemantic-grid-responsive-no-ie7.css文件。理论上,这应该并排创建两个 div,一个占 30% 的宽度,另一个占 70% 的宽度。gutter如果您愿意(根据 Unsemantic 规范),它们之间应该有20 像素或空间。

但是,我似乎无法得到排水沟。div 只是粘在一起。

有什么想法吗?

0 投票
2 回答
1064 浏览

internet-explorer-8 - 带有非语义的 IE8 上的网格问题

我第一次使用 Unsemantic,我忘记在 IE8 上查看我的页面。这是灾难:http ://canapin.com/web/meteo/

Unsemantic 应该是 IE8 兼容的,但是我的页面搞砸了,我不知道为什么。

任何想法?:(

0 投票
2 回答
888 浏览

css - 无语义的响应列 - 不会在平板电脑上调整大小

我正在使用无语义的网格布局,但是,使用以下代码,当分辨率位于平板电脑范围内时,我希望body div 的大小调整为 100%:

但是,它会一直保持在 80%,直到达到移动设备大小(默认为 100%)。我已包含以下 css 文件:

我真的不明白为什么它不起作用!

0 投票
1 回答
876 浏览

css - 无语义框架是否消除了对媒体查询的需求?

无语义的 css 框架根据视口大小将 Web 布局捕捉到移动和桌面模式。您还可以使用“show-on-desktop”和“show-on-mobile”类对桌面和移动设备上显示的内容进行大量修改,它们完全按照他们所说的进行。

这是否意味着我可以告别媒体查询?

http://unsemantic.com/

0 投票
1 回答
1038 浏览

css - 如何使用非语义 css 框架使 div 跨度 100% 的页面长度?

我需要编辑框架吗?或者我应该在容器 div 之外创建这个 div 吗?我想要跨越 100% 的窗口的 div 是一个菜单 div,所以我希望它跨越 100% 的窗口,但我希望它里面的菜单项符合网格系统。

解决这个问题的最佳方法是什么?将菜单项放入网格中,然后使用减号填充将其放入?

非常感谢。

0 投票
1 回答
1065 浏览

html - 非语义导航菜单

我需要知道如何使用 Unsemantic 框架(或 960gs)创建导航栏。

我的菜单结构是

<div> <ul> <li></li> </ul> </div>.

我已经尝试了很多,但仍然无法找出问题所在。

编辑

我使用 wordpress。所以它创建导航菜单。在浏览器中呈现的最终代码如下:

虽然我的 Wordpress 标记如下:

0 投票
1 回答
666 浏览

html - “Unsemantic Grid”适用于桌面,而不是 iPad

我正在使用Unsemantic Grid来构建一个站点。当我在笔记本电脑上浏览网站时它可以工作,但当我在 iPad 上浏览网站时它不起作用 - 网格元素的行为类似于标准块元素并且位于不同的行上。

我从一个完全空白的网站开始,看看我是否能找到问题,但我显然做错了——它仍然无法在 iPad 上运行。

这是现在测试页面的来源(为代码喷涌而道歉):

style.css 不包含任何可以阻止它工作的内容 - 我已经从页面中删除了对它的引用,但它没有任何区别。

没有使用 css 重置。

在我的笔记本电脑上,页面呈现如下:

在笔记本电脑上查看的页面
(来源:digitalformula.net

在我的 iPad 上,页面呈现如下:

在 iPad 上查看的页面
(来源:digitalformula.net

Unsemantic 演示和源提供的演示都可以在台式机和 iPad 上正常工作 - 这就是它的设计目的。

我知道这是我缺少的东西,但我有某种心理障碍,找不到我忘记指定可能导致这种情况的标记或 CSS。

我不确定这个问题中还包括什么,但如果有人可以提供帮助,我将非常感激。

谢谢

0 投票
0 回答
286 浏览

css - 无语义的 CSS 框架,包装 li 的

我使用非语义作为响应框架。我在桌面版的页脚菜单中有一些 li,它们完美地放在一行上。

出于某种奇怪的原因,当我调整浏览器的大小以显示移动版本时 - 然后再次调整大小以查看桌面版本 - 底部的 ul 有一些 li 正在换行。

菜单 HTML

桌面 CSS

移动 CSS

0 投票
1 回答
361 浏览

jquery - 无语义网格和粘性导航

我的网站上有一个粘性导航菜单问题。我的网站基于 Unsemantic。

https://dl.dropboxusercontent.com/u/7468425/acappella/site/index.html

如您所见,如果您查看该站点 - 当您滚动浏览时,菜单会粘在顶部。但是 - 这是我的问题 - 同时它变得更广泛。它不是 100% 的容器宽度,而是 100% 的窗口宽度。

我希望它始终保持相同的宽度,以便它顺利地继续跟随。

你们有人有什么想法吗?

0 投票
1 回答
711 浏览

css - Unsemantic CSS Framework and fluid images

Recently I started messing around with Unsemantic css framework, but it's seems that using grids and flexible images css markup doesn't work together. Is there a way for solving this problem?