手机,平板电脑和PC之间网页的一个来源

时间:2016-05-10 10:21:23

标签: html css3

我正在尝试创建link1,以便它可以在我的Nexus 5手机,我的联想7"平板电脑以及PC。

目前在手机和PC上工作正常,但在平板电脑上却没有那么多 如果您想测试,请访问我提到的网站,然后点击图片的右侧,这将带您到link2,如果您使用的是平板电脑,您会看到按钮等等错位的。

我认为错误的main.html中的html是:

请告诉我如何解决此问题,因为我怀疑tablet.css没有加载。

<link href="css/mobile.css" rel="stylesheet" type="text/css" media="only screen and (max-device-width: 480px)" />
<link href="css/tablet.css" rel="stylesheet" type="text/css" media="only screen and ((min-device-width: 480px) and (max-device-width: 600px))" />
<link href="css/index.css"  rel="stylesheet" type="text/css" media="only screen and (min-device-width: 600px)" />

0 个答案:

没有答案