我面临一个问题。我有一个简单的wap网站http://tornet.ml。在移动设备上，该网站非常完美；但是在PC上浏览时，图像看起来不佳。我使用相对大小（％）而不是绝对（px）来调整图像大小，因为它会根据屏幕而变化。有什么方法可以使它们比以前更完美？
任何帮助将非常感激。
您可以考虑使用一种称为的名称Media Query，该名称允许您为用于访问网站的不同设备使用不同的样式表。在<style>标签内，您可以编写如下内容：
@media screen and (min-width: 400px) {
h1 {
background: black url('test.jpg') no-repeat 50% 50%;
}
}
这意味着样式表仅适用于宽度大于400像素的屏幕。
您还可以使用以下语法指定外部样式表：
<link href="screen.css" rel="stylesheet" media="screen">
<link href="desktop.css" rel="stylesheet" media="screen and (min-device-width: 480px)">
在前一个样式表中，为台式机添加CSS，在后一个样式表中，通常为移动设备添加CSS。有关媒体查询的更多信息，请访问：http : //www.w3.org/TR/css3-mediaqueries/
另外，请尝试不使用％而不是像素，而是使用像素，但要根据所使用的设备进行更改。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句