1

Тема: Не копіюється текст з сайту на IOS з браузерів chrome та edge

Допоможіть налаштувати сайт.
На на IOS в браузерах chrome та edge не можна виділити текст сайту. Текст можна виділити лише з підвалу.
В браузері safari все нормально виділяється та копіюється.

Записав відео з екрану, щоб було більш зрозуміло. https://www.youtube.com/watch?v=ibGTelhuLxg

2

Re: Не копіюється текст з сайту на IOS з браузерів chrome та edge

body {
margin : 0;
padding : 0;
font : 73% arial, verdana, "Trebuchet MS", tahoma, sans-serif;
line-height : 1.8em;
background : #fff url(images/body_bg.jpg) repeat-x;
color : #555;
}
            /*CONTAINER*/
#container {
width : 850px;
margin : 0 auto;
border : 0 solid white;
text-align : left;
background : transparent;
color : #333;
}
            /*BANNER*/
#banner {
width : 850px;
height : 150px;
margin : 0 auto;
padding : 0;
border : 5px solid #e2e2e2;
background : #fff url(images/banner.jpg) no-repeat center 0%; 
background-position: 30% 0%;
color : #333;
}
#banner h1 {
margin : 0px 0 0 5px;
padding : 0;
font-family : Cambria, "Trebuchet MS", arial, sans-serif;
font-size : 175%;
letter-spacing : 2px;
text-transform : none;
text-align : right;
background : transparent;
color : #DF7401;
}
#banner h2 {
margin : -60px 0 0 5px;
padding : 0;
font-family : Cambria, "Trebuchet MS", arial, sans-serif;
font-size : 120%;
letter-spacing : 2px;
text-transform : none;
text-align : left;
background : transparent;
color : #DF7401;
}

            /*TOP NAVIGATION*/
#nav ul {
margin : 0 auto;
padding : 0;
list-style : none;
display : table;
white-space : nowrap;
font-family : arial, verdana, sans-serif;
font-size : 11px;
}
#nav li {
display : table-cell;
margin : 0;
padding : 0;
}
#nav a {
float : left;
color : #000;
background : #e2e2e2;
margin : 0 2px 0 0;
padding : 0 0 0 2px;
text-decoration : none;
letter-spacing : 1px;
}
#nav a b {
float : left;
display : block;
background : transparent url(images/top_right.gif) no-repeat right top;
padding : 5px 16px 5px 12px;
}
#nav a:hover {
background : #000 url(images/top_left.gif) no-repeat left top;
color : #fff;
cursor : pointer;
}
#nav .current a {
background : #000 url(images/top_left.gif) no-repeat left top;
color : #fff;
cursor : default;
}
#nav {
padding : 2px 0 10px 0;
background : #e2e2e2 url(images/shade_bottom.gif) repeat-x left bottom;
margin-bottom : 20px;
}
            /*MAIN CONTENT*/
#content {
float : left;
width : 850px;
margin : 0;
padding : 0;
}
            
            /*FOOTER*/
#footer {
clear : both;
font-size : 85%;
margin : 0 0 0 0;
padding-right : 5px;
border-top : 1px solid #557399;
text-align : left;
color : #000;
background : #fff;
}
            /*LINK PROPERTIES*/
#footer a:link, #footer a:visited, #navlist a:link, #navlist a:visited, a:link, a:visited {
color : #557399;
background : inherit;
text-decoration : none;
}
#footer a:hover, #navlist a:hover, a:hover {
color : #999;
background : inherit;
text-decoration : none;
}
#navlist li {
list-style-type : square;
background : inherit;
color : #666;
margin : 0 15px 0 0;
padding : 0;
}
a img {
border : 0;
}
            /*TYPOGRAPHY*/

h1 {
font : normal 120% verdana, "Trebuchet MS", verdana, arial, sans-serif;
text-transform : uppercase;
letter-spacing : 3px;
margin : 10px 0 0 10px;
background : inherit;
color : #557399;
}
            /*CLASSES*/
.img {
margin : 0;
padding : 5px;
}
.imgleft {
float : left;
margin : 5px 15px;
padding : 5px;
}
.news {
padding : 15px;
border-left : 1px solid #557399;
}
                         /*TABLE*/

.tablePrice td
{
  font-size: 16px; /* Или сколько нужно, или в процентах */
}

3

Re: Не копіюється текст з сайту на IOS з браузерів chrome та edge

Вище файл style.css , можливо там щось не так прописано?

Для тесту на IOS скачав  браузери firefox, opera, aloha, yandex з них нормально видідяється та копіюється текст.
Проблема лише в браузерах chrome та edge.
На android та windows все ок.