2013-09-12 1 views
0

необходимо добавить «width = device-width» в мета имя = «viewport», если мобильный телефон. пытаюсь использовать это без толка:Добавьте «width = device-width» в meta name = «viewport», если мобильный телефон

//iPhone Fix 
jQuery(document).ready(function(){ 
    if (jQuery(window).width < 767) { 
     var meta = document.getElementsByTagName("meta"); 
     meta.setAttribute("width","device-width"); 
    } 
}); 

Если я не установлен шириной = «Устройство ширины» в мета-теге, сайт выглядит великолепно на телефонах и media.css пинков в, но таблетке искажаться. Любая помощь будет большой. Благодаря

ответ

1

Я думаю, что у вас есть только маленькая ошибка в коде, это должно работать:

//iPhone Fix 
jQuery(document).ready(function(){ 
    if (jQuery(window).width < 767) { 
     var meta = document.getElementsByTagName("meta"); 
     meta[0].setAttribute("width","device-width"); 
    } 
}); 

В исходном коде, вы пытались использовать метод setAttribute на массиве элементов и не самого элемента. Надеюсь, это поможет.

+0

эй, картофель, спасибо за ваш ответ. Мы закончили маршрут php на этом и используем http://blog.mobileesp.com/?p=69 m-detect. Тогда просто оператор if, говорящий, что если m-detect используется, используйте этот мета-атрибут. благодаря – cpk