CSSでPCとスマートフォンを区別

時々、違う設備によって、仕様も変わります。
その時は下記を参照してください

/* if device has a touch screen /
@media (any-pointer: coarse) {
/ do your own styles */
.css class name{
background-color:red;
}
}

/* if device has no touch screen /
@media (any-pointer: fine) {
/ do your own styles */
.css class name{
background-color:green;
}
}