Закрыть
×
dir.by
Праздники ...
Праздники ...
День Октябрьской революции (7 Ноября)
Концерты, выставки ...
Концерты, выставки ...
Спектакль "Девичник"|||г. Минск 10 сентября, 14 октября, 26 ноября 2026
Афишу
Спорт занятия ...
Спорт занятия ...
Настольный теннис
Спорт занятие
Компьютер, программы...
Компьютер, программы...
Объявления ...
Объявления ...
Масло подсолнечное оптом - ГК Юг Руси
Объявление
Новости ...
Новости ...
Форум ...
Форум ...
обсуждение...
Поиск
Концерты
Спорт
Форум
Компьютер
Компьютер, программы
→
Html & CSS
How to make your website fit in size on your phone, tablet?
посмотрели
6597
раз
обновлено: 15 November 2018
You need to use
meta
with attribute
name='viewport'
In the example, we set the area to 1310 pixels. [konec_stroki] When loading a site in the phone, the entire width of the screen will be 1310 pixels. [konec_stroki] [konec_stroki] In your case, you need to write your real width of the site instead of 1310. The phone will scale this width to full screen.
Example!
Html
<HEAD>
<meta
name='
viewport
' content='
width
=
1310
'
/>
</HEAD>
← Previous topic
How to make your site work on a phone, tablet, computer using css media and max-device-width and min-device-width | HTML | CSS
Next topic →
Correct layout HTML. Bad to use table. You need to use div
Your feedback ... Comments ...
Your Name
Your comment
(www links can only be added by a logged-in user)
+ Picture
Объявления
Объявления
HTML elements
•
HTML tag <a> link to go to another page
•
HTML tag <abbr> shows an abbreviated name, if you let the mouse down there will be a pop-up inscription
•
HTML tags fieldset and legend. This is a frame with a title
•
HTML tag <!-- --> comment
•
style="border" in the HTML
<BR>
HTML search for an element, elements
•
document.querySelector(...) is a JavaScript method for finding an element from document (i.e. in all HTML)
•
yourElement.querySelectorAll(...) is a JavaScript method for finding elements inside another HTML element
<BR>
HTML svg (vector graphics for drawing lines, rectangles, ellipses, ...)
•
<svg> vector graphics, drawing a line<line>, rectangle <rect>, circle<circle>, text<text>
<BR>
HTML canvas (drawing pictures, text, shapes)
•
HTML <canvas> drawing a rectangle
•
HTML drawing <canvas> lines by clicking on the Canvas
•
HTML <canvas> we draw pictures
•
HTML <canvas> we draw a picture with a rotation
•
HTML <canvas> draw a picture with horizontal reflection
•
HTML <canvas> we draw a picture and text
•
HTML <canvas> draw a picture many times in a rectangle (template)
•
HTML <canvas> how to get mouse coordinates ? Determine the position of the mouse.
•
HTML <canvas> drawing a snake with lines moveTo, lineTo
CSS
•
CSS description
•
After modifying the file css , the browser displays old styles over and over again. Why?
•
Books to study CSS
CSS flex (the element can stretch or shrink and thus fill the free space)
•
What is CSS flex
Freeze
•
The header in the table is always visible when scrolling | freeze header in table | HTML
•
Div is always visible when scrolling (position:fixed, position:sticky) | freeze div | HTML
Do Popup using HTML and Javascript
•
How to make a Popup window in a HTML page | Javascript, HTML, CSS
Motion and animation of pictures
•
Animation of the little man on the spot. For <div>animation, we use CSS styles: "animation", "background-image", "background-position", "keyframes"
•
Animation of a man in motion (sprite). For <div><img>animation we use CSS styles: "animation", "background-image", "background-position", "keyframes"
•
Draw a picture with movement. Use the HTML element<canvas>. Use JavaScript for movement: var img = new Image(), img.src = url, drawImage, timer, window.setInterval
•
Drawing a picture with movement and animation (sprite). Use the HTML element <canvas>. Use JavaScript for movement: var img = new Image(), img.src = url, drawImage, timer, window.setInterval
Web page on the phone
•
I open a web page on my phone in Google Chrome. Why does double-clicking increase the page size?
Layout, page design
•
What the Front-end development?
•
How to Identify a Device (Tablet, Computer, Phone) Currently Used in JavaScript, HTML
•
How to make your site work on a phone, tablet, computer using css media and max-device-width and min-device-width | HTML | CSS
•
How to make your website fit in size on your phone, tablet? (HTML meta with attribute name="viewport")
•
Correct layout HTML. Bad to use table. You need to use div
•
What is Adaptive design? What is responsive design?
•
Change the color of the scrollbar for the HTML page. Using CSS
WWW sites for learning
•
Sites to explore HTML
Ваши вопросы присылайте по почте:
info@dir.by
Афишу
Your feedback ... Comments ...