converting HTML for handheld

StackOverflow https://stackoverflow.com/questions/9801432

  •  25-05-2021
  •  | 
  •  

문제

Okay, I browsed through a few topics here, but there was no definite answer. Could someone please guide me?

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>

How can I convert this into handheld format? Thank you, in advance.

도움이 되었습니까?

해결책

You can either have separate css files or just one css file with media queries. Using media queries you can have different UIs for both desktop as well as handheld devices. Read this for more info http://css-tricks.com/css-media-queries/

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top