2013-08-16 95 views
9

Tôi đã chuyển kích thước của khung nội tuyến với như bấm:"-webkit-transform: scale (2)" không ảnh hưởng đến diện tích Facebook Like Button (trên iPad)

Scaled facebook like button

iframe 
{ 
    transform: scale(2) !important; 
    -webkit-transform: scale(2) !important; 
    transform-origin: top left; 
    -webkit-transform-origin: top left; 
} 

Đối với tất cả các trình duyệt trên máy tính, nó hoạt động tốt, nhưng trong khu vực có thể nhấp của iPad Safari, các liên kết chỉ có cùng kích thước (xem ảnh thứ ba)

Có ai biết nó có thể được sửa không?

+0

hãy nhúng hình ảnh –

+0

Sao chép? - http://stackoverflow.com/questions/18156851/ios-css-webkit-transform-scale-doesnt-offset-touch-events – BigMacAttack

+0

Hey meatinside, bạn đã từng giải quyết vấn đề này chưa? Tôi đang xem xét điều này ngay bây giờ. Bạn có thể cập nhật câu trả lời nếu bạn giải quyết nó không? – djburdick

Trả lời

1

bạn đã thử sử dụng thuộc tính 'clip:' chưa?

ví dụ: clip: rect (3px 20px 5px 8px);

Xin lỗi nếu đó là quá nhiều giải pháp.

+0

Không, clip không giải quyết được vấn đề cho safari/ipad. – meatinside