Load different HTML subpages for different screen width-CodePudding

I actually load a slider (slider.html) in my php page with without problem.

For tablets and desktops the slider works really good, but for mobile is not really good. How can I load a different slider (slider2.html) only for mobiles?

I have tried the method jquery load():

but it doesn't work.

CodePudding user response：

you can detect mobile or desktops in php and load your page

for detect visit this page

if(mobile){
   include 'slider.html';
}else{
   include 'slider2.html';
}

CodePudding user response：

u can use mixins and maping and media breakpoints to generate dynamic screen size in a single html fi