草庐IT

sample_size

全部标签

html - 为什么后台附件: fixed make background-size:cover resize to the window proportions?

如果您想要调整大小以覆盖整个标题的标题图像,但也希望固定背景附件,则背景图像将不再覆盖包含的div,而是会尝试覆盖整个窗口。这是一个显示问题的fiddle。只需在CSS上切换第13行的命令即可。当您更改为http://jsfiddle.net/TqQv7/155/#top-left{position:absolute;top:0px;left:0px;width:50%;height:50%;background:#000url('http://placekitten.com/2000/1000')no-repeat;-moz-background-size:cover;backgro

html - 响应式网页设计 : "How to resize a background image according to browser window size using CSS"?

我正在创建一个网站,我的所有产品图片都将根据浏览器窗口大小调整大小,所以我写了一些媒体查询,我使用了一张大图片并在不同的窗口大小中调整了它的大小但是我在背景中使用了一张图片,如何调整它的大小?我希望在IE7和8的所有浏览器中都支持它。HTMLCSSdiv{background:url("http://canadianneighborpharmacy.net/images/cnp/discount_20.png")no-repeatscroll00transparent;position:absolute;width:45px;height:45px;}我的实时代码在这里:-http:/

html - HTML 表格中的文本框 : How to auto-size?

我想在我的HTML表格的底部(或顶部,等等)添加一行,每列都有一个文本框(以允许过滤每列的内容)。FWIW,该表基于jQueryDataTables插件。问题是文本框加宽了列。我希望每个文本框都填充其列的宽度而不扩大它。我该怎么做? 最佳答案 尝试获取父td的宽度。 关于html-HTML表格中的文本框:Howtoauto-size?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions

html - 半个像素在 font-size CSS 属性中意味着什么?

我目前正在重新设计网站,并且我正在从一家机构那里收到一份包含所需更改的list。站点的头部菜单目前有以下样式:line-height:1em;font-size:11px;在我收到的一份文件中有一个更改请求,要求我将这些样式更改为:line-height:1.2em;font-size:11.5px;我知道EM可以使用十进制值,但半个像素在字体大小中意味着什么?我尝试使用检查器将字体大小从12更改为11.5和11以及从11的更改>到11.5是可见的,但是从11.5到12它移动了一点点(我变薄了,只是间距改变了一点,但它在所有3个示例中都设置为1em)。您可以查看以下屏幕截图:那么,在网

html - 在一行中声明所有 CSS 背景属性——尤其是 background-size

这是我的代码:background:url(images/my-image.png)no-repeatcentercenter/cover;这在Chrome和Firefox上运行良好,但出于某种原因在Safari上运行不正常?我曾经在它自己的行上声明我的background-size但据我所知,应该可以使用正斜杠在一行中声明所有属性?任何帮助将不胜感激。谢谢。 最佳答案 由于一行简写代码对于safari浏览器来说似乎是未知的封面含义:background:url(images/my-image.png)no-repeatcenter

相当于 "font size+2"的 HTML 样式标签

临时增加字体大小然后恢复正常的新“样式”方法是什么(不使用CSS,或者CSS是更好的方法?)。我想在文本中插入一个希伯来语单词,对于初学者来说,希伯来语字体太小了。我总是希望它比当前的字体大小大,而不是与某些特定大小Hook。下面的第1行有效(旧的做事方式)。第2行的修复是什么?Thisisnormal.biggerbacktonorm.andalsobigger. 最佳答案 我会创建一个类(比如.hebrew)并将字体大小属性设置为1.2em。这样,无论周围文本的字体大小如何,带有希伯来语类的文本都会大20%。.hebrew{fo

html - 如何将 background-size 设置为 "cover",再加上 CSS 中的更多内容?

我有一个固定高度为850像素的容器。我想要一个背景图片,它可以在所有缩放级别覆盖整个背景。我会使用background-size:cover但是,我需要它比cover大一点。为了创建视差,我希望一些背景从容器中渗出并且看不见。基本上,我如何使用background-size:cover,并在此基础上稍微增加尺寸?编辑:忘了说我也在使用background-attachment:fixed,所以如果我没记错的话,它实际上是通过浏览器窗口的大小(?)而不是850像素高的容器。在这种情况下,我将如何添加额外的出血? 最佳答案 只需使用ba

javascript - 如何: Reduce font-size if a line breaks

我在div中有一个跨度,div必须保持200像素宽,并且文本必须适合div中的一行。跨度内的文本是动态生成的,所以我不可能知道哪些内容会换行,哪些不会。Thissentenceistoolargetofitwithinthediv.如果我使用CSS属性white-space:nowrap;,文字将溢出到div的外部,这当然是我们不希望的。如何根据是否换行来减小字体大小(或缩放)?我更喜欢CSS答案,但我知道这是否超出了CSS的能力范围。 最佳答案 一个相当讨厌的方法:循环减少溢出的跨度,直到它小于div宽度;vardivWidth=

html - 如何仅覆盖页面上一个区域的 CSS Box Sizing?

我的TwitterBootstrap文件中有以下CSS:*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}这导致我的TinyMCE编辑器出现问题,主要是调整文本区域的大小。无论如何,如果我删除上面的代码,一切都很好,但显然我需要它,否则Bootstrap的其余部分就会中断。那么我该如何为TinyMCE覆盖上面的内容呢?我试过这个:.tinymce-editor,.tinymce-editor:before,.tinymce-editor:a

html - Bootstrap 3 : Push/pull columns only on smaller screen sizes

我在页面上有以下布局:12345---------------------------------|1|2|3|4|5|---------------------------------但在较小的屏幕尺寸上我想要以下布局:15234----------------------------------|1|5|----------------------------------|2|3|4|---------------------------------(注意列顺序的重新排列。)是否可以仅在较小的屏幕尺寸上推/拉列?我尝试了以下方法,但布局最奇怪,而且似乎丢失了5完全……:12345