html - 为手持设备转换 HTML

标签 html css handheld

好吧,我在这里浏览了几个主题,但没有确定的答案。有人可以指导我吗?

CSS:

body {
background-image: url(background.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
color: #EEEEEE;
font-family: Andalus;
}
a{
color: #FFFFFF;
}
h1 {
font-family: Andalus;
}

HTML:

<html>
<head>
<title>Shipping Verification System</title>
<LINK rel="stylesheet" href="web.css"  type="text/css" media="Screen"/>
<LINK rel="stylesheet" href="web.css"  type="text/css" media="handheld"/>
</head>                         

如何将其转换为手持格式?提前谢谢你。

最佳答案

您可以有单独的 css 文件,也可以只有一个带有媒体查询的 css 文件。使用媒体查询,您可以为桌面设备和手持设备提供不同的 UI。 阅读本文了解更多信息 http://css-tricks.com/css-media-queries/

关于html - 为手持设备转换 HTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9801432/

相关文章:

javascript - click() 的 jQuery 回调不起作用

html - 无论窗口大小如何,无论侧边栏是否存在,内容 div 始终居中对齐

javascript - JQuery 从引导下拉菜单中获取值

html - 带有 ID 的元素

html - 如何调整两个div的偏移量?

html - Div 不会 float 正确

css - 如何在 wordpress bootstrap 导航中添加 navbar-brand 和元素之间的空间?

html - 手持设备的样式表可以跳过加载图像吗

html - 你用什么来测试你网站上的手持css?

c# - Xamarin 应用程序可以在 Windows Phone 上运行吗?