Salutare,
Am oarece probleme cu v45 de Chrome despre care am citit cate ceva legat de incompatibilitatea cu Wordpress. Cel mai probabil un bug, amesteca literele din logotext dupa cum urmeaza:
Chrome Version 44.0.2403.155 (64-bit) - totul la locul lui
Version 45.0.2454.85 m (64-bit) - salata orientala
Am primit o solutie care aliniaza literele la loc in v45, margin-left: -10px;
dar evident ca se reflecta si in versiuni mai vechi, alterand rezultatul.
Am incercat sa aplic
.chromexx
– Chrome xx (change xx with number of specific version) dar fara succes.
/* ar trebui sa functioneze in orice versiune
de Chrome (v45 cu margin left aplicat) dar fara rezultatul dorit */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.logotext-n {
color: #f1ecd6;
font-family: 'timesbi';
font-weight: normal;
font-size: 180px;
text-transform: lowercase;
letter-spacing: -15.5px;
.chrome45.margin-left: -10px; /* update for Chrome 45 issue */
}
}
apoi,
/* ar trebui sa mearga exclusiv in v45 dar rezultatul este alterat */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.chrome45.logotext-n {
color: #f1ecd6;
font-family: 'timesbi';
font-weight: normal;
font-size: 180px;
text-transform: lowercase;
letter-spacing: -15.5px;
margin-left: -10px; /* update for Chrome 45 issue */
}
}
/* varianta de cod scrisa pentru Chrome la modul general,
evident nu functioneaza cum trebuie in v45 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
logotext-n {
color: #f1ecd6;
font-family: 'timesbi';
font-weight: normal;
font-size: 180px;
text-transform: lowercase;
letter-spacing: -15.5px;
}
}
In conditiile astea, cunoasteti un css hack
valabl exclusiv pentru v45 de Chrome?
Live link aici. multam.