冯海滨博客

海滨博客

CSS3 使用 calc() 计算高度 vh px

0条评论 48 ℃
 1、px    像素,我们在网页布局中一般都是用px。2、百分比   百分比一般宽泛的讲是相对于父元素,自适应网页布局越来越多,百分比也经常用到了。3、Viewport    viewport:可视窗口,也就是浏览器。    vw Viewport宽度, 1vw 等于viewport宽度的1%    vh Viewport高度, 1vh 等于viewport高的的1%  &n...

css如何让表格table的边框为1像素

0条评论 351 ℃

在Html中使用table是网页制作中必不可缺的一部分,如果直接给css设置table里面的td边框为1像素的话,那么实际我们从网页上看到的效果却不是1像素。

那么我们怎么用css让table的边框为1像素呢?

其实很简单,给table使用css样式 border-collapse: collapse;

这个样式的意思就是“为表格设置合并边框模型”

这个属性经测试,支持

...

100% width CSS 在 iPad / iPhone Safari 背景被截断 / 显示不全

0条评论 263 ℃
最近在做一个页面时,发现在 iPad 的 Safari 浏览器中背景显示不全,定位到该 div 后发现所指定 css 的宽度为 100% ;

到百度搜索后发现,safari 中 viewport 默认宽度为 980px,若事先未指定其初始 viewport 宽度,则会默认按照 980px 处理。

可以默认初始化 viewport 宽度或在 css 中设定 min-width,但最简单的方法可以在 head 标签中初始化好 viewport。

 

详见下方代码:

<metaname="viewport"content="width=网页真实宽度, initial-scale=倍数值"/> 
假设网页宽度为 960px 或 1080px,可在width中加入该值,并将 initial-scale 设置一个适合的倍数值。

例如一个页面的宽度为 1080px,则设定为:

<metaname="viewport"content="width=1080, initial-scale=0.9"/> 
这样不管加载前后切换横屏还是竖屏,都可以友好显示。


...

父级div height:auto无效解决办法

0条评论 286 ℃

一种可能情况因为父div中的div处于浮动状态。

浮动是会脱离文档流的,内部两个层就不会局限于父层。所以父层不知道内部的高度。但清理浮动,可以把他们“拉”回来。

...

CSS/DIV网页设计视频教程

0条评论 266 ℃

您需要了解的DIVCSS网页布局的8条面试题目

0条评论 299 ℃

CSSer与其他IT职位一样,在找工作的时候,都会面临着面试官提出的问题,或者给出的试卷。今天52CSS.com收集了常见的8条面试题目,希望对您有所帮助。一、超链接点击过后hover样式就不出现的问题?被点击访问过的超链接样式不再具有hover和active样式了,解决方法是改变CSS属性的排列顺序: L-V-H-A二、IE6的margin双倍边距bug问题例如: <s

...

div中英文无法自动换行的解决方法

0条评论 320 ℃

问题:在一个设定好宽度的div中,当我们输入的中文文字长度超过了设定宽度时,会自动换到下一行。但是,如果输入的是英文字母,那么,无论你div设定宽度为多少,英文字母都是不换行直接在同一行输出,导致div的宽度远远超出设定的大小。原因:这是因为div中,英文字母之间没有空格的话,它会默认认为这是一个英文单词,所以单词就一次输出不换行。那么,难道我们得在每个字母中间加入一个空格来解决这个问题么?其实不

...

解决IE浏览器不支持min-height 的问题

0条评论 340 ℃

根据海滨的实践.

min-height样式IE是不支持的 唯有FF支持. 但是可以用下面的办法搞定最小高度问题.

height:auto!important; height:400px; /*假定最低高度是400px*/ min-height:400px;

...