Question

有问题的网站和网页是weddings.blaskphotography.com.au/photographs

我希望在iPhone上查看此页面，以定位Woothemes在我正在使用的Canvas主题中包含的移动样式表。

我正在使用名为woo-child

的儿童主题

我希望网站的其余部分显示正常，就像缩小的桌面视图一样。当我选择让整个网站定位一个响应式布局css文件时，我有一个思维导图和一个不适合的表单。这只是一个复选框，在wordpress中打开或关闭。

所以最后，我正在寻找一个明确的解释，说明我将如何分步进行。我在filezilla中寻找哪些样式表？

Answer 1

您可以使用CSS媒体查询来加载不同分辨率的特定样式表。

<link rel='stylesheet' media='screen and (max-width: 700px)' href='<?php bloginfo('template_url');?>/css/narrow.css' />
<link rel='stylesheet' media='screen and (min-width: 701px)' href='<?php bloginfo('template_url');?>/css/medium.css' />
<link rel='stylesheet' media='screen and (min-width: 901px)' href='<?php bloginfo('template_url');?>/css/wide.css' />

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

如何在wordpress网站上定位一个特定页面以显示响应式布局？

1 个答案: