0

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

当在 iPhone 上查看时,我希望此页面以 Woothemes 包含在我正在使用的 Canvas 主题中的移动样式表为目标。

我正在使用一个名为 woo-child 的儿童主题

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

所以最后,我正在寻找一个清晰的解释,说明我将如何分步执行此操作。我在 filezilla 中寻找什么样式表?

4

1 回答 1

0

您可以使用 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

于 2014-03-21T13:55:30.187 回答