Display information differently according to mobile device or desktop device

[LeCheenaX]

Need
I use Tasks Calendar css which will call dataview to display the weekly events and monthly events. However, this is only feasible on Desktop devices. The calendar will not fit the screen of mobile devices that almost makes it unreadable + unusable.

Example

let platform;
if (app.isMobile == false){
	platform = "Desktop";
}
else {
	platform = "Mobile";
}
let 
	riga1 = [" ", "Method 1", "Method 2"],
	riga2 = ["Current Device", "app.isMobile", "document.body.hasClass(\"is-mobile\")"],// Uses \" to escape the quote mark in a string. 
	riga3 = [platform, app.isMobile, document.body.hasClass("is-mobile")];
dv.paragraph(dv.markdownTable(riga1, [riga2, riga3]));//Use [] to array riga2 and riga3 as 2 3-dimentional values, which are arrayed in 2 columns

This is an example which could detect the device you are using.

Workaround

if (app.isMobile == false){
	await
	dv.view("taskscalendar", {
	pages: "", 
	view: "week", 
	startPosition: "<% moment(referdate, "YYYY-MM-DD").weekday(6).format("YYYY-ww") %>", 
	firstDayOfWeek: "1",
	dailyNoteFolder: "日志/Daily Notes",
	dailyNoteFormat: "YYYY-MM-DD", 
	options: "style9 noDailyNote noLineClamp"
	})
}
else {
	await
	dv.view("taskscalendar", {
	pages: "", 
	view: "week", 
	startPosition: "<% moment(referdate, "YYYY-MM-DD").weekday(6).format("YYYY-ww") %>", 
	firstDayOfWeek: "1",
	dailyNoteFolder: "日志/Daily Notes",
	dailyNoteFormat: "YYYY-MM-DD", 
	options: "style1 noDailyNote noLineClamp noCellNameEvent"
	})
}