如何根据设备调整网页大小
How to resize webpage depending on the device
有人知道javascript吗?它可以检测用户使用的是手机还是普通电脑,然后调整窗口大小以适应该设备,如果无法使用javascript完成,有人知道它的实现方法吗。
感谢您为提供的任何帮助
粉碎杂志的精彩文章
http://coding.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/#more-50749
eq。
@media only screen and (max-device-width: 480px) {
// insert styling here…
}
我使用这些:
/* Non-Retina */
@media screen and (-webkit-max-device-pixel-ratio: 1) {
}
/* Retina */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
}
/* iPhone Portrait */
@media screen and (max-device-width: 480px) and (orientation:portrait) {
}
/* iPhone Landscape */
@media screen and (max-device-width: 480px) and (orientation:landscape) {
}
/* iPad Portrait */
@media screen and (min-device-width: 481px) and (orientation:portrait) {
}
/* iPad Landscape */
@media screen and (min-device-width: 481px) and (orientation:landscape) {
}
http://zsprawl.com/iOS/2012/03/css-for-iphone-ipad-and-retina-displays/
相关文章:
- 如何将可调整大小、可拖动的覆盖添加到网页中
- 用Instagram提要填充网页并调整大小
- 谷歌地图在我调整网页大小之前显示得不好
- 网页调整缩放显示
- 重新调整网页内容的大小
- 如何使用浏览器窗口调整网页大小
- 在同一网页上调整多个svg图的大小
- 阻止Windows 8上IE中的网页缩放/调整大小
- 如果用户调整窗口大小/窗口未最大化,是否可以隐藏网页上的图像
- 调整网页大小以适合屏幕
- 将网页内容调整在固定大小的 iframe 上
- 调整网页大小以适应访问者的显示器分辨率
- 如何在调整窗口大小时重新加载网页,并且仅当它包含特定的 HTML 元素时
- 使用 javascript 调整网页的字体
- 网页大小自动调整HTML简单
- 如何根据设备调整网页大小
- 如何在调整大小时针对不同分辨率调整网页宽度
- 防止视窗调整网页大小时,android软键盘是活跃的
- 网页不会随着窗口大小的调整而调整大小
- 动态调整网页大小