Jquery 响应型网站在桌面上工作,但在移动设备上无法加载正确的样式
第一次在这里问,所以希望我在正确的地方 下面是我正在开发的一个网站(没有创建),我想我应该在我的iPhone上测试它,但发现“响应性”不能正常工作 当你在桌面上重新调整浏览器的大小时,它本应该工作得很好,但在手机/平板电脑上它会加载完整的桌面样式——奇怪的是,如果你旋转到横向,然后再旋转回来,它会重新加载正确的样式表 有三种样式表:台式机、平板电脑和移动设备——一些jquery似乎会根据设备宽度在它们之间切换 任何帮助都将不胜感激!:) 谢谢大家!Jquery 响应型网站在桌面上工作,但在移动设备上无法加载正确的样式,jquery,css,mobile,responsive-design,viewport,Jquery,Css,Mobile,Responsive Design,Viewport,第一次在这里问,所以希望我在正确的地方 下面是我正在开发的一个网站(没有创建),我想我应该在我的iPhone上测试它,但发现“响应性”不能正常工作 当你在桌面上重新调整浏览器的大小时,它本应该工作得很好,但在手机/平板电脑上它会加载完整的桌面样式——奇怪的是,如果你旋转到横向,然后再旋转回来,它会重新加载正确的样式表 有三种样式表:台式机、平板电脑和移动设备——一些jquery似乎会根据设备宽度在它们之间切换 任何帮助都将不胜感激!:) 谢谢大家! <!-- Resolution swi
<!-- Resolution switcher -->
<script type='text/javascript' src='http://weybridge-dental-care.co.uk/wp-content/themes/weybridge/resolution-switcher.js'></script>
<!-- Disable viewport zoom -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
这是js:
function adjustStyle(width) {
width = parseInt(width);
if (width >= 1000) {
$("#size-stylesheet").attr("href", "http://www.weybridge-dental-care.co.uk/wp-content/themes/weybridge/styles-desktop.css");
} else if ((width >= 701) && (width <= 999)) {
$("#size-stylesheet").attr("href", "http://www.weybridge-dental-care.co.uk/wp-content/themes/weybridge/styles-tablet.css");
} else {
$("#size-stylesheet").attr("href", "http://www.weybridge-dental-care.co.uk/wp-content/themes/weybridge/styles-mobile.css");
}
}
$(function() {
adjustStyle($(this).width());
$(window).resize(function() {
adjustStyle($(this).width());
});
});
功能调整样式(宽度){
宽度=parseInt(宽度);
如果(宽度>=1000){
$(“#大小样式表”).attr(“href”,”http://www.weybridge-dental-care.co.uk/wp-content/themes/weybridge/styles-desktop.css");
}否则,如果((宽度>=701)&(宽度尝试在顶部附近的
中添加以下标记:
<meta name="viewport" content="width=device-width">
如果您使用jQuery在样式表之间切换,那么您就没有真正的“响应”,因为您会让关闭JavaScript的用户处于冷场。这是实现这一点的最佳方法。如果您需要支持IE,请尝试在顶部附近的
中添加以下标记:
<meta name="viewport" content="width=device-width">
如果您使用jQuery在样式表之间切换,那么您并不是真正的“响应性”的当你离开那些关闭了JavaScript的用户时。这是实现这一点的最佳方式。如果你需要支持IECan,你可以在这里发布代码,即正在进行响应切换的代码?而不是让我们在网站上搜索它?你能隔离出有问题的代码部分并可能在这里发布它们吗?否则我们将我已经编辑了我的原始帖子以包含详细信息。谢谢!我怀疑你的方法根本不起作用——你在加载和应用样式表后更改了样式表的href。媒体查询是正确且受支持的方法。你能发布代码吗这里是e响应开关?不是让我们在网站上搜索它吗?你能分离出有问题的代码部分并可能发布在这里吗?否则我们就只能根据这个描述调试整个网站了…我已经编辑了我的原始帖子以包括细节。谢谢!我怀疑你的方法根本不起作用--你正在修改样式表加载和应用后的href。媒体查询是正确且受支持的方式。您好,这已经在标题中。理想情况下,我会使用媒体查询,但这意味着如果可以,我会尝试避免重新执行样式表。谢谢,这已经在标题中。理想情况下,我会使用媒体查询,b但是如果可以的话,这就意味着我们要做我正在努力避免的样式表。谢谢