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

提升用户体验度能够增长流量、增长用户在你网页停留时间、提升成交转化率等。

提升用户体验度首先是须要设计适合用户体验的网页美工图。有了合适的美工图，在后续的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建议：

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