代码之家 › 专栏 › 技术社区 › Daniel1490

不同设备的不同样式表

mobile-website css html javascript

Daniel1490 · 技术社区 · 9 年前

@media screen and (max-width:720px){/*code for mobile here*/}
@media screen and (min-width:1280px) {/*code for PC here*/}

但我认为这会给大分辨率移动设备和低分辨率桌面显示器带来问题。所以我想知道有没有办法根据设备类型(如智能手机、平板电脑或PC)更改css文件/选择css代码的确切部分?

任何有效的方法都会有所帮助。如果有什么不清楚的地方,我会尽量解释得更好。如果我错了,纠正我。

1 回复 | 直到 9 年前

Fabio Marzocca 9 年前

您可以使用这些:

// Large devices (desktops, less than 1200px)
 @media (max-width: 1199px) { ... }

 // Medium devices (tablets, less than 992px)
 @media (max-width: 991px) { ... }

 // Small devices (landscape phones, less than 768px)
 @media (max-width: 767px) { ... }

 // Extra small devices (portrait phones, less than 576px)
 @media (max-width: 575px) { ... }

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前