我知道如何使用CSS使网站半响应,但这是一个很好的工作IMO。我宁愿创建不同的页面来查看。有没有办法根据javascript中检测到的设备加载不同的页面?有这个:http://hgoebl.github.io/mobile-detect.js/但我不得不麻烦它。
如果你真的需要根据屏幕尺寸/设备加载特定页面,你可以在javascript中进行比较
if ( window.innerWidth < 425 ){// load ajax mobile version}
;
我知道也许你认为为桌面版和移动版制作2个不同的页面会更快,但这里并不是最好的解决方案。将来,当你将有10页时,它将是一团糟。此外,制作响应式版本并不难。相信我!
使用此功能代替响应!
@media (screen and max-width: 767px){
.hero {...}
.header {...}
...
}