Loại bỏ hiệu ứng nút bấm và xoay màn hình phóng to chữ trên trình duyệt Safari của iPhone

Bởi

Bạn chỉ cần thêm đoạn mã CSS dưới đây là sẽ giải quyết được vấn đề:

input[type=text], input[type=button], input[type=submit] { 
-webkit-appearance: none;} 
/* khử CSS mặc định của iphone dành cho nút */
                    
html {
-webkit-text-size-adjust: 100%;} /* ngăn việc phóng to font chữ khi màn hình xoay từ dọc sang ngang trên iphone */

Bài viết liên quan:

  1. Mô hình hộp trong CSS Với CSS, các thẻ HTML được xem như chiếc hộp. Hộp này có nội dung, đệm (padding), đường viền (border) và lề (margin). Sở dĩ bình thường bạn chẳng thấy...
  2. 5 thuộc tính của font trong CSS CSS có rất nhiều thuộc tính, bạn có thể có được trang web đẹp mà không cần biết tất cả, nhưng có một vài thuộc tính vô cùng quan trọng...
  3. ColorZilla – tiện ích lấy mã màu cho dân thiết kế ColorZilla là tiện ích mở rộng cho trình duyệt chuyên dùng để lấy mã màu hết sức tiện lợi. Dù bạn dùng Google Chrome hay FireFox sử dụng ColorZilla đều...
  4. Thuộc tính position trong CSS Thuộc tính position dùng để lấy điểm mốc tham chiếu cho việc xác định vị trí của hộp thẻ. Có thể bạn quen với việc dùng float để tạo bố cục nhưng không...
  5. Thuộc tính float điều chỉnh vị trí trong CSS Thuộc tính float thường được dùng để điều chỉnh vị trí của ảnh trôi sang trái hoặc phải, khi đó text sẽ bao quanh ảnh. Ngoài ảnh thì float cũng...

Viết một bình luận