-
0 votesanswersviews
CSS布局 - 3列有弹性背景
我正在构建一个3柱流体布局，并且已经有90％的路径 . 我想知道什么是最好的方式来暗示背景或侧边栏 - 但是你想看看它 . 我有一个很好的盒子黑客，它是我的主要内容区域的中心，现在我需要在两边看到两条条纹，在相应的内边框上有一个小的1px边框 . 我可以创建一个1000像素宽的1px高条纹，但我觉得有一个更好的方法来做到这一点 - 可能用纯CSS？ 我现在正在看这里的5列布局，还是这仍然是一个三... -
308 votesanswersviews
流体宽度等间距DIV
我有一个流体宽度的容器DIV . 在这里我有4个DIV全部300px x 250px ... <div id="container"> <div class="box1"> </div> <div class="box2"> </div> <div cla... -
335 votesanswersviews
宽度：100％-padding？
我有一个HTML输入 . 输入有 padding: 5px 10px; 我希望它是父div的宽度的100％（这是流动的） . 但是使用 width: 100%; 导致输入为 100% + 20px 我该如何解决这个问题？ Example -
8 votesanswersviews
如何在QML中设计多级流体布局
我在QML中设计了一个布局，以便更多地了解它的功能，并对设计这种布局的“最佳实践”提出一些问题 . 这里是： 它本质上是一个 ColumnLayout 由三个 RowLayout 组成，每个都有一些 Rectangle . 每个Row和Rectangle的大小应该计算如下： 第一行：高度= 40％，宽度= 100％ 红色矩形填充整个区域 第二行：高度= 20％，宽度= 100％ ... -
0 votesanswersviews
设置要在firefox中查看的图像的高度和宽度
我正在为网站制作流畅的布局 . 当我在Safari或Chrome上查看时，网站主页上的所有元素看起来都是正确的，但当我尝试在FireFox上查看时，徽标和徽标的容器变得非常大，占用的空间比我的要多为它设定 . 这是我的HTML： <!DOCTYPE html> <html> <head> <title>Home</title> ... -
8 votesanswersviews
父div中空格div（每个宽度不同）的均匀度如何？
我已经看到这种解决方案可以均匀地间隔DIV：（Fluid width with equally spaced DIVs），但它要求DIV都具有相同的宽度 . 这不适用于我的情况 . 我有5个DIV，它们都有不同的宽度，并且想要均匀地放置它们 . 这可能没有JavaScript吗？ 例如： <!-- The text should not wrap, but be on one line fo... -
0 votesanswersviews
检测相关的字体大小并包含块宽度
样式化流体布局和可调整大小的文本网页时，必须始终牢记相关的字体大小（对于em的单位）并包含当前样式元素的块宽（百分比单位） . 这是一个松散的时间，总是要警惕父元素的宽度，或者你是否修改了当前元素或其祖先之一的字体大小 . 使用动态样式表（如Sass或Less）很容易实现mixins或函数，它们关注数学背后的em和百分比计算（简单除法），因此你可以用像素写出大小并忘记翻译，但无论如何你都有据我所知... -
0 votesanswersviews
使用“margin”和/或“padding”的CSS“height：[percentage]”行为
我有一个很棒的incognita与你分享 . 我在尝试做一件非常简单的事情时发现了它 - 至少我认为这很简单 . 舞台 具有固定高度值的父元素，其中包含任意数量的子元素 . 我们以div为例，从2个孩子开始 . <div class="parent"> <div class="child"></div> &... -
0 votesanswersviews
我的网站的流体网格在IE11中不起作用
我通过Dreamweaver创建了一个网站，它应该是响应式的 . 当我在Chrome和Firefox中测试时，它工作正常，但是当我在IE11中测试时，它的效果不如预期 . 出于某种原因，IE11无法调整文本 . 布局有点像这样： 有一个父div有两个子div（一个用于图像，另一个用于文本） . 根据行位置，图像将位于右侧或左侧，并设置为占宽度的50％ . 网格容器的最大宽度为1280像素，每个图像... -
396 votesanswersviews
流体或固定网格系统，采用响应式设计，基于Twitter Bootstrap
我对twitter bootstrap grid中的各种选项感到困惑，以及它们如何结合在一起 . 首先，您可以使用普通的固定 container 或 container-fluid . 然后任何一个都可以包含普通的 row 或流体行 row-fluid . 也就是说，你可以拥有一个带有流体排的固定容器，或一个带有固定排的容器流体...... 最重要的是，您可以包含“响应式”媒体查询 . 我对这... -
0 votesanswersviews
错字3：我如何使用流程图呈现页面内容
在typo3 6.2中，具有流体页面扩展 . （http://fluidtypo3.org/） 我创建了一个包含2个流体内容元素的页面 . 我试图用流体模板渲染页面的内容 . 这是我的代码： <v:content.render column='0' pageUid="3" as="contentElement"> <f:for e... -
1 votesanswersviews
如何将数组传递给FLUIDTEMPLATE？
在一个新的Typo3安装我有一个这样的模板 . page = PAGE page { 10 = FLUIDTEMPLATE 10 { file = fileadmin/default/templates/index.html ... variables { ... myPages ... -
1 votesanswersviews
流体网格，没有舍入误差和多个列宽
我不可能有一个流体网格，它使用百分比作为列宽（和ems用于装订线宽度），可以被3整除，并且不会遭受可怕的舍入误差 . 看一看： http://roestudios.com/code/12-columns.html 尝试调整浏览器窗口的大小，并注意事情是如何反弹的 . 大多数排水沟根本不排成一排 . 这是因为缺乏整齐的子像素处理 . 当然，舍入因浏览器而异 . 我所展示的示例基于12列网格，这是理想... -
0 votesanswersviews
Fluid 960网格系统中的CSS
960网格很棒，在下载之后，我注意到 demo.html 包含了像这样的 .push 和 .pull 类的最后示例： <div class="grid_6 push_6"> <div class="grid_1 alpha"> <p> 60, class = "grid_6 push_6&... -
2 votesanswersviews
流体网格和媒体查询之间的区别
我对响应式网页设计很陌生，所以请原谅我这个愚蠢的问题 . 我必须 Build 一个现有的桌面网站，以响应设计 . 谷歌搜索后，我发现了两种方式 - 流体网格和媒体查询 . 但是我很困惑我应该遵循哪种方法，或者我需要使用它们来开发响应式网站 . 根据我的理解，流体网格用于根据不同的视口显示网页，但媒体查询用于根据不同大小的浏览器中可用的房间放置不同的内容（图像，文本）（使浏览器手动缩小或从手机/平板... -
1 votesanswersviews
我们可以在固定布局网页中使用百分比宽度吗？
我试图理解固定的，流畅的和响应式的网页设计，我经历的其中一个网站是fixed or fluid，这里它说“固定的网站布局有一个固定宽度的包装，其中的组件有 percentage widths 或固定宽度 . “固定布局可以有百分比宽度，这就是令我困惑的事情 . Isn 't giving percentage width is only for fluid layout ? Isn'是什么让流体...