div css页面如何提高用户体验 和 chrome浏览器CSS字体大小小于12px不起作用解决方法...

2019独角兽企业重金招聘Python工程师标准>>>

提高用户体验度可以增加流量、增加用户在你网页停留时间、提高成交转化率等。

提高用户体验度首先是需要设计适合用户体验的网页美工图。有了合适的美工图，在后续的CSS切图布局时候才能按照网页美工图来布局网页。

可以说CSS布局网页用户体验取决于网页美工图设计。

但在DIV CSS布局网页时候，超链接锚文本打开方式、文字字体、文字颜色、鼠标经过文字颜色样式是后期CSS+DIV布局，与用户体验也是息息相关。布局时候不同字体颜色、超链接打开方式不同用户体验也不同，这需要后期通过网站访客统计与浏览者反馈调整CSS字体、CSS字体颜色、A超链接鼠标悬停字体上颜色、网页打开方式（当前网页重新加载点击链接、新窗口打开点击链接）等CSS样式达到后期用户体验提升。

DIV+CSS+JS特效不同也会影响用户体验。特效最大功能不是好看，而是让用户更好通过特效浏览网页使用网页，一个网页中特效选择尤其注意不能乱用。同时CSS特效多 少也会影响用户体验度，特效过多这样会让网页凌乱，使人感觉网页处都在动，对应一般用户来说就相对感觉复杂，失去用户体验度，同时一个网页中特效多了反而 影响网页加载速度、兼容压力大、用户电脑配置不好肯能因为特效多而占用用户的电脑CPU、内存等资源，让用户感觉浏览你网页不顺畅、甚至鼠标上下滑动网页 时候有卡卡的感觉。

综合以上分析网页布局用户体验首先网页美工设计是重中之重，不是华丽漂亮的网页就符合用户体验，同时后期CSS切图布局时候，基础样式设置也会影响 用户体验，最后网页特效选择、特效多少都会影响用户体验。最终最重要是要符合用户体验首先网页要简单大方、用户浏览很顺畅很舒服、打开你的网页能快速找到 需要的内容（内容直观图文详细介绍展现、细节展示描述页很重要），同时需要后期不断调整细节到达用户体验极致。

chrome浏览器CSS字体大小小于12px不起作用解决方法

chrome浏览器不能显示字体大小小于12px解决方法，CSS设置小于12px字体不起作用的解决方法篇。

无论中文英文数字在网页中CSS设置小于12px后各大浏览器均支持，在谷歌chrome浏览器不支持解决方法。

针对低版本chrome谷歌浏览器设置一个校准字体大小样式：
-webkit-text-size-adjust:none

用法：

body{-webkit-text-size-adjust:none}

或 在设置小于12px的选择器对象里设置一个-webkit-text-size-adjust:none样式：

.MC{font-size:7px;-webkit-text-size-adjust:none}

高版本chrome谷歌浏览器不再支持小于12px的字体：
高版本chrome谷歌浏览器已经不再支持-webkit-text-size-adjust样式也就是不在支持小于12px以下字体，所以要使用时候慎用。为了兼容各大浏览器最好最小文字字体大小设置12px及12px以上。

DIVCSS5建议：

1、用图片：如果是内容固定不变情况下，使用将小于12px文字内容切出做图片，这样不影响兼容也不影响美观。
2、使用12px及12px以上字体大小：为了兼容各大主流浏览器，建议设计美工图时候设置大于或等于12px的字体大小，如果是接单的这个时候就需要给客户讲解小于12px浏览器不兼容等事宜。
3、继续使用小于12px字体大小样式设置：如果不考虑chrome可以不用考虑兼容，同时在设置小于12px对象设置-webkit-text-size-adjust:none，做到最大兼容考虑。
4、使用12px以上字体：为了兼容、为了代码更简单 从新考虑权重下兼容性。

转载于:https://my.oschina.net/u/2460148/blog/633124