随着越来越多的人使用手机上网，已经有很多的外贸网站在制作过程中采用了自适应的设计，以增加网站的用户体验，而好的网站内容也是必须要有的，虽说现在的网站都基本采用div+css来布局，但是像产品的描述部分有时候不可避免的会使用到table来编辑以达到更好的效果，这时候就会出现一个问题，就是当在手机上浏览时，使用了table的内容会有一部分被隐藏了，看不见，这当然不是我们想要的效果，下面我们来看看通过css来实现table也自适应！ CSS代码： .table-container { width: 100%; overflow-y: auto; _overflow: auto; [...]

随着智能移动设备的普及，以及3G、4G网张越来越多的覆盖，越来越多的人习惯在手机或者平板上浏览网页，传统的在PC上能正常浏览的网页，在手机或平板上要么显示不完整，要么显示的内容乱糟糟的，客户浏览体验非常差，这时候通常的解决办法是为不同的移动设备提供不同的网页，比如专门提供一个mobile版本，或者iPhone / iPad版本。这样做当然可以保证浏览效果，但是比较麻烦，同时要维护多个版本！ 不想这么麻烦，当然可以，自适应网页设计就可以解决这个问题，就是可以自动识别屏幕宽度、并做出相应调整，保证在各个设备下我们都能看到正常的网页，保证客户浏览体验！ 下面以Onepound外贸建站官网为例来看一下： 正常情况下浏览 屏幕变小，示做自适应处理前： 很明显我们发现出现了横向滚动条！ 下面我们来看看做了自适应处理以后的效果： 很明显，只是版块之间的间距变小了，但是内容都显示出来了，没有滚动条 [...]