一、css hack
通常用的到css hack技术,理解到css的重置技术的不同,一般用normalize.css。
二、css的兼容性
a、在解决IE6双倍margin的兼容性问题用display:inline。
b、在解决IE6中高度最小不能低于10px的兼容性问题用overfloat:hidden或者line-height属性小于10px。
c、子元素margin—top绑架父元素的时候,直接设置父元素的上边框或者overfloat:hidden。
d、img元素的间距时直接把img元素浮动或者用注释标签解决。
e、在解决IE6的min-width/min-height时用height:auto !
important/overfloat:visible或者用JS控制。
f、在解决IE的透明度时用: filter:progid:DXImageTransform.Microsoft.Alpha
(style=0,opacity=60)。
g、可以条件注释(<!--[if IE 6]>内容<![endif]-->)
三、js查看浏览器的版本
alter(navigator.userAgent)
四、手机端布局的方法
a、百分百(但是不能做到精确、有误差。)
b、相应式布局(通过css媒体查询实现一个HTML在不同的分辨率上显示出不同的效果的css。)
c、rem(相对于根元素的字体设置css。)
五、了解<meta name="viewport" content="width=device-width, initial-scale=1">
a、name="viewport" 设置浏览器的自动适应。
b、width=device-width 设置浏览器的可视化窗口和屏幕一样大小。
c、initial-scale=1 设置缩放,表示不缩放显示。
六、移动端像素和PC像素的区别
a、独立像素:是指PC端的。
b、物理像素:是指移动端像素。
c、ppI:每一英寸容纳的像素点。
d、DPR:物理像素/独立像素。
根据手机的型号不同,那么物理像素和独立像素的DPR也就不同。
七、bootstrap响应式屏幕所分阶段
a、大屏:大于1200px。
b、中屏:997px 到 960px 之间。
c、小屏:798px 到 768px 之间。
d、超小屏 小于768px。
通常用的到css hack技术,理解到css的重置技术的不同,一般用normalize.css。
二、css的兼容性
a、在解决IE6双倍margin的兼容性问题用display:inline。
b、在解决IE6中高度最小不能低于10px的兼容性问题用overfloat:hidden或者line-height属性小于10px。
c、子元素margin—top绑架父元素的时候,直接设置父元素的上边框或者overfloat:hidden。
d、img元素的间距时直接把img元素浮动或者用注释标签解决。
e、在解决IE6的min-width/min-height时用height:auto !
important/overfloat:visible或者用JS控制。
f、在解决IE的透明度时用: filter:progid:DXImageTransform.Microsoft.Alpha
(style=0,opacity=60)。
g、可以条件注释(<!--[if IE 6]>内容<![endif]-->)
三、js查看浏览器的版本
alter(navigator.userAgent)
四、手机端布局的方法
a、百分百(但是不能做到精确、有误差。)
b、相应式布局(通过css媒体查询实现一个HTML在不同的分辨率上显示出不同的效果的css。)
c、rem(相对于根元素的字体设置css。)
五、了解<meta name="viewport" content="width=device-width, initial-scale=1">
a、name="viewport" 设置浏览器的自动适应。
b、width=device-width 设置浏览器的可视化窗口和屏幕一样大小。
c、initial-scale=1 设置缩放,表示不缩放显示。
六、移动端像素和PC像素的区别
a、独立像素:是指PC端的。
b、物理像素:是指移动端像素。
c、ppI:每一英寸容纳的像素点。
d、DPR:物理像素/独立像素。
根据手机的型号不同,那么物理像素和独立像素的DPR也就不同。
七、bootstrap响应式屏幕所分阶段
a、大屏:大于1200px。
b、中屏:997px 到 960px 之间。
c、小屏:798px 到 768px 之间。
d、超小屏 小于768px。