问题标签 [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.
html - 无语义的网格框架似乎不会创建排水沟
这个问题与无语义网格框架(unsemantic.com)有关。
这是我的html:
这是 unsemantinc 的 CSS 部分,用于定义关键方面:
我使用该unsemantic-grid-responsive-no-ie7.css
文件。理论上,这应该并排创建两个 div,一个占 30% 的宽度,另一个占 70% 的宽度。gutter
如果您愿意(根据 Unsemantic 规范),它们之间应该有20 像素或空间。
但是,我似乎无法得到排水沟。div 只是粘在一起。
有什么想法吗?
internet-explorer-8 - 带有非语义的 IE8 上的网格问题
我第一次使用 Unsemantic,我忘记在 IE8 上查看我的页面。这是灾难:http ://canapin.com/web/meteo/
Unsemantic 应该是 IE8 兼容的,但是我的页面搞砸了,我不知道为什么。
任何想法?:(
css - 无语义的响应列 - 不会在平板电脑上调整大小
我正在使用无语义的网格布局,但是,使用以下代码,当分辨率位于平板电脑范围内时,我希望body div 的大小调整为 100%:
但是,它会一直保持在 80%,直到达到移动设备大小(默认为 100%)。我已包含以下 css 文件:
我真的不明白为什么它不起作用!
css - 无语义框架是否消除了对媒体查询的需求?
无语义的 css 框架根据视口大小将 Web 布局捕捉到移动和桌面模式。您还可以使用“show-on-desktop”和“show-on-mobile”类对桌面和移动设备上显示的内容进行大量修改,它们完全按照他们所说的进行。
这是否意味着我可以告别媒体查询?
css - 如何使用非语义 css 框架使 div 跨度 100% 的页面长度?
我需要编辑框架吗?或者我应该在容器 div 之外创建这个 div 吗?我想要跨越 100% 的窗口的 div 是一个菜单 div,所以我希望它跨越 100% 的窗口,但我希望它里面的菜单项符合网格系统。
解决这个问题的最佳方法是什么?将菜单项放入网格中,然后使用减号填充将其放入?
非常感谢。
html - 非语义导航菜单
我需要知道如何使用 Unsemantic 框架(或 960gs)创建导航栏。
我的菜单结构是
<div>
<ul>
<li></li>
</ul>
</div>
.
我已经尝试了很多,但仍然无法找出问题所在。
编辑
我使用 wordpress。所以它创建导航菜单。在浏览器中呈现的最终代码如下:
虽然我的 Wordpress 标记如下:
html - “Unsemantic Grid”适用于桌面,而不是 iPad
我正在使用Unsemantic Grid来构建一个站点。当我在笔记本电脑上浏览网站时它可以工作,但当我在 iPad 上浏览网站时它不起作用 - 网格元素的行为类似于标准块元素并且位于不同的行上。
我从一个完全空白的网站开始,看看我是否能找到问题,但我显然做错了——它仍然无法在 iPad 上运行。
这是现在测试页面的来源(为代码喷涌而道歉):
style.css 不包含任何可以阻止它工作的内容 - 我已经从页面中删除了对它的引用,但它没有任何区别。
没有使用 css 重置。
在我的笔记本电脑上,页面呈现如下:
(来源:digitalformula.net)
在我的 iPad 上,页面呈现如下:
(来源:digitalformula.net)
Unsemantic 演示和源提供的演示都可以在台式机和 iPad 上正常工作 - 这就是它的设计目的。
我知道这是我缺少的东西,但我有某种心理障碍,找不到我忘记指定可能导致这种情况的标记或 CSS。
我不确定这个问题中还包括什么,但如果有人可以提供帮助,我将非常感激。
谢谢
css - 无语义的 CSS 框架,包装 li 的
我使用非语义作为响应框架。我在桌面版的页脚菜单中有一些 li,它们完美地放在一行上。
出于某种奇怪的原因,当我调整浏览器的大小以显示移动版本时 - 然后再次调整大小以查看桌面版本 - 底部的 ul 有一些 li 正在换行。
菜单 HTML
桌面 CSS
移动 CSS
jquery - 无语义网格和粘性导航
我的网站上有一个粘性导航菜单问题。我的网站基于 Unsemantic。
https://dl.dropboxusercontent.com/u/7468425/acappella/site/index.html
如您所见,如果您查看该站点 - 当您滚动浏览时,菜单会粘在顶部。但是 - 这是我的问题 - 同时它变得更广泛。它不是 100% 的容器宽度,而是 100% 的窗口宽度。
我希望它始终保持相同的宽度,以便它顺利地继续跟随。
你们有人有什么想法吗?
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?