Vấn đề: phone number html hiển thị tốt trên trình duyệt firefox, chrome.... Hiển thị tốt trên mobile Android.
Khi hiển thị trên Iphone thì ko nhận được style.
Nguyên nhân: iphone tự kiểm tra xác nhận là phone number ra format font khác.
Đã thử xử lý: css important, check css inline đều không được.
Xử lý:
<meta name="format-detection" content="telephone=no">
Kết quả: nhận style bình thường
Hiển thị các bài đăng có nhãn HTML. Hiển thị tất cả bài đăng
Hiển thị các bài đăng có nhãn HTML. Hiển thị tất cả bài đăng
Thứ Tư, 24 tháng 4, 2019
Thứ Hai, 26 tháng 11, 2018
CSS transform scale blank space - SOLVED
Description: Responsive view zoom transform scale. This make blank space. Need fix view full
Explain code: Original is 980, <980 auto scale. When scale important: '.container' is scale + absolute. Absolute is will make html>body auto height again.
Solution:
HTML
<body>
<div class="container">
CONTENT
</div>
</body>
SCRIPT
var jquery = jQuery.noConflict();
jquery(window).ready(function(){
/*ScallFullScreen*/
ZoomScale();
});
jquery( window ).resize(function() {
/*ScallFullScreen*/
ZoomScale();
});
/*ScallFullScreen*/
function ZoomScale(){
var widthScreen = jquery(window).width();
var scale = 1;
var wrapper = jquery('.container');
if(widthScreen<980){
/*scale=1*/
scale = widthScreen/980;
jquery(wrapper).css('position','absolute');
jquery(wrapper).css('width','980px');
jquery(wrapper).css('overflow-x','hidden');
}else{
jquery(wrapper).css('position','relative');
jquery(wrapper).css('width','auto');
jquery(wrapper).css('overflow-x','auto');
}
jquery(wrapper).css('-webkit-transform', 'scale(' + scale + ')');
jquery(wrapper).css('transform', 'scale(' + scale + ')');
jquery(wrapper).css('transform-origin', 'left top');
}
Đăng ký:
Bài đăng (Atom)
